@boikom
@boikom
Forum Replies Created
-
AuthorPosts
-
adminKeymaster
Hi,
The ComboBox API can be found on this page: https://www.htmlelements.com/docs/combobox-api/. There you will find dropDownWidth and dropDownHeight Javascript properties.
Example:<smart-combo-box drop-down-width="800" placeholder='please select whatever coffee you want to drink' selected-values=["Cappuccino"]>
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/adminKeymasterHi edwardsmarkf,
We will consider changing the default behavior which is to submit only what’s selected in the dropdown of the combobox.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/adminKeymasterHi,
Thank you for the feedback. We will research the source of the reported issue and will resolve it for the next Smart.Blazor build.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/February 3, 2021 at 7:46 am in reply to: how to get column value on mount state(not composition API) #101430adminKeymasterHi,
Could you please explain what do you mean by a column value ? Is that the column data field or a label or it is a cell value. Which DataGrid do you use ( DataGrid for Web Components, DataGrid for React, DataGrid for Angular? Please, provide more details.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/adminKeymasterHi,
Our DataGrid does not have such functionality built-in. We will consider implementing it in a future version.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/adminKeymasterHi,
Unfortunately, we do not understand what you are trying to achieve. The data binding options of our DataGrid component are demonstrated https://www.htmlelements.com/demos/ in the Data Binding and Server-side Model sections.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/adminKeymasterHi Peter,
Thanks for the sample. The methods for saving the layout and structure of the Docking Layout actually save the layout and the structure. The saved object does not include information on whether the close buttons are enabled or similar kind of information.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/February 1, 2021 at 12:32 pm in reply to: Kanban is not working when added script file specific to Kanban only #101417adminKeymasterHi Mitesh,
I would suggest you looking into the kanban getting started help tutorial or the onlime samples which use smart.kanban.js module. Note that the module is in the modules folder.
Regards,
Peter
Smart UI Team
Htmlelements.comadminKeymasterIn case you data bind the table to data adapter instead of an array, look at https://www.htmlelements.com/docs/data-adapter/
Regards,
PeteradminKeymasterHi,
The documentation API of each component is in its component API page in the website docs. All properties, methods and events are documented there. In general all docs are in htmlelements.com/docs/
Regards,
PeteradminKeymasterHi Scott,
It is not possible to subscribe to ItemClicked event using Razor syntax, because it is not defined as a component Parameter and it cannot be as it is “event” type. It is possible to subscribe to the event using the syntax I sent you. ItemClicked way to subscribe to events is useful only when you want to add multiple event handlers.
For Example:@page "/menu"<Example Name="Menu"> <Menu OnReady="OnReady" 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 OnReady(Menu menu) { menu.ItemClicked += delegate(object sender, MenuItemClickedEventArgs args) { Console.WriteLine(args.Label); }; } void OnItemClick(Event eventObj) { MenuItemClickEventDetail detail = eventObj["Detail"]; Console.WriteLine(detail.Label); }}
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/adminKeymasterHi chips,
As this is native component, you can use the CSS properties ‘left’ and ‘top’;
Example for centering a Window with Size equal to 400px:left: calc(50% - 200px); top: calc(50% - 200px);
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/adminKeymasterHi 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/adminKeymasterHi 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/January 26, 2021 at 1:06 pm in reply to: How to best integrate Vuex store with DataAdapter while keeping databinding #101382adminKeymasterHi Дмитрий Шелковников,
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/ -
AuthorPosts