Products

[admin]

Hi Brian,
Inside the custom command function ‘this’ is in the context of the function. It should be Ok if you define it like that:

		const that = this;
		window.commandColumnCustomCommand = function (row) {
			that.setState({showWarehouseId: row.data.id}, () => {
			console.log(that.state.showWarehouseId)
		})};

Regarding the ‘class’ and ‘className’, you are right. Using class instead of className produces warnings and in strict mode errors. We will update the samples.
Hope this helps.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi ScottP,
Thanks for trying out our Blazor components.
In order to subscribe to the Menu event, you can use the following syntax:

@page "/menu"
<Example Name="Menu">
	<Menu OnItemClick="OnItemClick" id="menu">
		<MenuItemsGroup>
			File
			<MenuItem Shortcut="Ctrl+N">New</MenuItem>
			<MenuItem Shortcut="Ctrl+0">Open</MenuItem>
			<MenuItemsGroup>
				Open Containing Folder
				<MenuItem>Explorer</MenuItem>
				<MenuItem>cmd</MenuItem>
			</MenuItemsGroup>
			<MenuItem Shortcut="Ctrl+S" disabled>Save</MenuItem>
			<MenuItem Shortcut="Ctrl+Alt+S" separator>Save As...</MenuItem>
			<MenuItem Shortcut="Alt+F4">Exit</MenuItem>
		</MenuItemsGroup>
		<MenuItemsGroup>
			Edit
			<MenuItem Shortcut="Ctrl+Z">Undo</MenuItem>
			<MenuItem Shortcut="Ctrl+Y" separator>Redo</MenuItem>
			<MenuItem Shortcut="Ctrl+X">Cut</MenuItem>
			<MenuItem Shortcut="Ctrl+C">Copy</MenuItem>
			<MenuItem Shortcut="Ctrl+V" disabled>Paste</MenuItem>
		</MenuItemsGroup>
		<MenuItemsGroup DropDownHeight=300>
			Encoding
			<MenuItem>Encode in ANSI</MenuItem>
			<MenuItem>Encode in UTF-8</MenuItem>
			<MenuItem>Encode in UTF-8-BOM</MenuItem>
			<MenuItem>Encode in UTCS-2 BE BOM</MenuItem>
			<MenuItem>Encode in UTCS-2 LE BOM</MenuItem>
			<MenuItemsGroup separator>
				Character sets
				<MenuItemsGroup>
					Cyrillic
					<MenuItem>ISO 8859-5</MenuItem>
					<MenuItem>KOI8-R</MenuItem>
					<MenuItem>KOI8-U</MenuItem>
					<MenuItem>Windows-1251</MenuItem>
				</MenuItemsGroup>
				<MenuItemsGroup>
					Chinese
					<MenuItem>Big5 (Traditional)</MenuItem>
					<MenuItem>GB2312 (Simplified)</MenuItem>
				</MenuItemsGroup>
				<MenuItemsGroup>
					Western European
					<MenuItem>ISO 8859-1</MenuItem>
					<MenuItem>ISO 8859-15</MenuItem>
					<MenuItem>OEM 850</MenuItem>
					<MenuItem>Windows-1252</MenuItem>
				</MenuItemsGroup>
			</MenuItemsGroup>
			<MenuItem>Convert to ANSI</MenuItem>
			<MenuItem>Convert to UTF-8</MenuItem>
			<MenuItem>Convert to UTF-8-BOM</MenuItem>
			<MenuItem>Convert to UTCS-2 BE BOM</MenuItem>
			<MenuItem>Convert to UTCS-2 LE BOM</MenuItem>
		</MenuItemsGroup>
	</Menu>
</Example>
@code {
    void OnItemClick(Event eventObj)
    {
        MenuItemClickEventDetail detail = eventObj["Detail"];
        Console.WriteLine(detail.Label);
    }
}

Hope this helps.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Дмитрий Шелковников,
You can look at this example how to update data in the Grid dynamically: https://www.htmlelements.com/demos/grid/datagrid-update-data/. If you want to update the data set, you can create a new dataAdapter instance and set the Grid’s dataSource property to it. Alternatively, you can use the Grid API to make updates: https://www.htmlelements.com/demos/grid/live-update/
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi byandex,
We will need a complete example set up that shows the reported behavior.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Walter,
In order to change the datasource of the Grid, you need to set the dataSource property. To update the dataSource, set the property to a new value.
Example: https://www.htmlelements.com/demos/grid/datagrid-update-data/
Best Regards,
Peter Stoev
https://www.htmlelements.com/
Smart UI Team

[admin]

Hi,
In order to use Smart.Grid with Vue, please refer to https://www.htmlelements.com/docs/grid/#vue
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Mike,
The posted warnings do not come from our tools and modules. They seem to be related to something else in your app.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Nikhil Jain,
jqxGrid like mapping is now supported in the latest version. If you wish, you can try it.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi davout,
In Angular you cannot put template html tag within angular view due to the reason that Angular Views use HTMLTemplate. It is not necessary to try to use template tag for window footer. You can define a footer within the window’s content.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Markus,
The example you are pointing out is built with Smart.Form component. If you need to achieve the same, why do not you use the Smart.Form which has this option built-in? The example is included in the download package.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,
I also forgot to mention this https://www.htmlelements.com/docs/download-and-installation/.
Hope this helps.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi AURAGARD,
This will go into a patch release, when it comes out. As a workaround for now, you can use a “label” tag before the component.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,
The “modules” folder contains the javascript files used in most of the Javascript examples. Each module imports one or more javascript files from the “source” folder. For example, the modules/smart.button imports the smart.element.js and smart.button.js from the “source” folder. You can see that in our Docs we refer to the “modules” – https://www.htmlelements.com/docs/button/.
The “components” folder contains the web components with shadow dom and the css styles imported in them. You may read more: https://www.htmlelements.com/docs/shadow-dom/. We use these in all examples about Shadow DOM, which are available in the demos section.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Nikhil Jain,
Could you post an example how you exactly try to bind the data grid? I just want to check whether the upcoming release which is now in a test phase covers your scenario.
Looking forward to your reply.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[admin]

Hi LC,
The selection with sorting behavior is the same as in the most datagrids available and is always by the Row ID. The ‘select’ method accepts a row id as an argument.
To select a row by its index, you can use this: grid.rows[0].selected = true; to select a first row.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[Author]

Posts