IE8 jqxGrid performance

[agrocksMember]

Currently I’m pre-purchase playing with jQWidgets. Overall feeling that this is pretty nice controls. But I’ve faced issue with iqxGrid. I’m not sure is this expected but let me describe it.
I’m using MVC3 + Knockout.js with jqxGrid (without Knockout it has same issue) to represent and edit some data in the grid. Rows are grouped by string field. Also there is column with checkboxes. During implementing this sample I was using Firefox as default browser. But when I loaded page in IE8 it definetly has performance issues. Even checking/unchecking Checkbox in grid has delay what is annoying. And I suppose that in case of increasing UI complexity it might be worser.
Chrome shows acceptable results.
Is this known issue or I’m doing something wrong?

[Peter StoevKeymaster]

Hi agrocks,

There could be something in the code which impacts the performance so I would request you to send us a sample which demonstrates that issue to support@jqwidgets.com so we can try to reproduce and profile it locally.

Looking forward to your reply.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Peter StoevKeymaster]

Do you edit the Grid while it is grouped? I think it might be related to that because editing of a grouped cell will update also the grouping, and this operation may affect the overall performance.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[agrocksMember]

I’ve sent code snippets to support@jqwidgets.com.
Actually I’m only checking/unchecking checkboxes. I think that rewriting second grid is heavy operation but usually there will be less then 10 items. Also I’d like to notice that even without grouping it is pretty slow in IE. Seems like I’m doing something wrong.
What if replace groupings with nested grids? Will there be any benefits from it comparing to grouped grid?

Regards,
Anatolii

[Peter StoevKeymaster]

Hi Anatolii,

The issue in the sent code is that a second Grid is updated each time a cell is edited. The issue according to me is that the code fully re-initialize the Grid with id = jqxselecteddimensions. I suggest you to only rebind it when a cell is edited, but don’t set again the full list of properties as this may lead to unnecessary refreshes.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[agrocksMember]

I’ve updated code – it helps a little. Thanks. But still delay when checking checkbox in IE is to long. Any suggestions?

Regards,
Anatolii

[Peter StoevKeymaster]

After updating your code, you should have:

                       var selectDataAdapter = new $.jqx.dataAdapter(selectedSource);
                            $("#jqxselecteddimensions").jqxGrid(
                            {        
                                source: selectDataAdapter,
                            });

instead of:

          var selectDataAdapter = new $.jqx.dataAdapter(selectedSource);
                            $("#jqxselecteddimensions").jqxGrid(
                            {
                                pageable: false,
                                autoheight: true,
                                sortable: true,
                                altrows: true,
                                enabletooltips: true,
                                groupable: true,
                                groupsheaderheight: 0,
                                groupsexpandedbydefault: false,
                                editable: true,
                                selectionmode: 'singlecell',
                                theme: 'classic',
                                columnsresize: true,
                                rowsresize: true,
                                source: selectDataAdapter,
                                columns: [{ text: 'Name', datafield: 'ColumnName', width: 250 }],
                                groups: ['ObjectName'],
                                width: 300, height: 350, theme: theme
                            });

Btw, there’s no rowresize feature.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts