Products

[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 2 years 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

[Markov]

Thank you for the feedback! We will look into that in one of the next versions of the scheduler.

Regards,
Markov

[Markov]

Hi,

Please, share an example which demonstrates the reported behavior. We tried to reproduce this without success. Events width depends on whether in the range of the event there are other events i.e. even if there is an 1-minute intersection.

Regards,
Markov

[Markov]

Hi Leonardo,

At present it is not possible. We need to write code and extend the Gantt in order to add this functionality. As soon as this is done, we will add it to a release and a release notes item with the update.

Best Regards,
Markov

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

[Author]

Posts