Products

[Markov]

Hi LarsinGame,

You can use the Grid’s const state = saveState() to save the current state of the Grid and loadState(state) method to load a previous state. It will save and load the applied filters.

Best regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Markov]

Hi chaos,

Please, refer to https://www.figma.com/community/file/1192112643834873838/smart-ui-kit-for-figma

Best Regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Markov]

Hi Ferris,

Please, share a complete project link to github or send it via email as we are unable to reproduce the issue you reported.

Thank you in advance1

Regards,
Markov

Smart UI
https://www.htmlelements.com/

[Markov]

Hi,

The example shows how you can send details to a server and then send back the server result to the Grid via a callback function. The important part of the example is the code below with the synchronization of the Grid with the data model. In your case, here you should make AJAX calls to a server and update the Grid on success.

  virtualDataSource: function (resultCallbackFunction, details) {
                    if (details.action === 'dataBind') {
                        // inits the demo server.
                        window.demoServer = DemoServer();
                        const result = window.demoServer.getData(details);
                        // logs the data below the component.
                        LogData(result.data);
                        resultCallbackFunction({
                            dataSource: result.data,
                            lastId: result.lastId,
                            virtualDataSourceLength: result.length
                        });
                    }
                    else {
                        const result = window.demoServer.getData(details);
                        // logs the data below the component.
                        LogData(result.data);
                        resultCallbackFunction({
                            dataSource: result.data,
                            lastId: result.lastId,
                            virtualDataSourceLength: result.length
                        });
                    }
                },

Best Regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Markov]

Hi,

You can look at https://www.htmlelements.com/demos/grid/server-side-cell-edit/. The sample shows how to use the Grid API to update data on a backend.

Best Regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Markov]

Hi,

We do not see an issue in this behavior. While you scroll, there are a lot of calculations happening. I cannot observe a delay in the scrolling, too. That is the reason I asked for a sample which demonstrates an issue, because if you have a TreeGrid with auto-height and if that is the case, all cells to be added to the DOM, your page will freeze for sure, because web pages can display only a certain amount of html elements.

Regards,
Markov

• This reply was modified 1 year, 4 months ago by Markov.

[Markov]

Hi,

You can apply html to cells by using the column formatFunctipn callback or template callback – https://www.htmlelements.com/demos/grid/column-dynamic-template-with-components/

Regards
Markov

[Markov]

Hi,

It would be good, if you provide a stackblitz sample showing the behavior so we would be able to see, if there is some configuration issue, too. For example, if the height is auto and you load hundreds of items, the component will have to create ui element for each cell instead of reusing existing.

Regards,
Markov

[Markov]

Hi,

You can look at https://www.htmlelements.com/docs/grid-cell-templates/ to see how to use html with grid cells.

Regards,
Markov

Smart UI
https://www.htmlelements.com/

[Markov]

Hi wolf.t,

You can try a new callback named OnColumnChange which is invoked then the visibility is updated.

Regards,
Markov

Smart UI
https://www.htmlelements.com/

[Markov]

Hi,

We will add API to get/set the scroll position in the next version of the Gantt. At present, we do not have API for that available out of the box.

Best regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Markov]

HI Leonardo,

You can set the –smart-gantt-chart-timeline-weekend-color: white; in CSS in order to remove the default weekend background.

Best regards,
Markov

jQWidgets Team
https://www.jqwidgets.com/

[Markov]

Hi Leonardo,

We do not have a feature in the Gantt Chart to prevent the dragging at specific date/time. We will consider implementing it.

Best regards,
Markov

jQWidgets Team
https://www.jqwidgets.com/

[Markov]

Hi Ferris,

When you click the getCell button in the demo, look at the console’s log. My colleague’s example shows how to get the cell object.

Regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Markov]

Hi Mourad,

It works on a single click as well. It is not necessary to be a long press.

Best regards,
Markov

[Author]

Posts