Slow Grid Resize on Android

[mbmleoneParticipant]

I’m using the Grid on a Android based Tablet and noticed that it’s slow when resizing.

This is the situation:
– I have a grid with both horizontal and vertical scrollbars. So the content is larger than the scrolling area.
– The number of cells is however not that big, about 25 rows and 10 columns.
– Content is plain text, no editors are used.

This is what I tried:
– The Grid is resized by using ${element}.jqxGrid({height: h. width: w});
– This resizing results in a delay of more than a second which is too long in my situation. It should be as fast as possible, but at least below half a second.
– I have already done multiple tests and could only conclude it the Grid that is causing the delay.To me it looks like the resizing causes the complete Grid is being reconstructed.
This of course not needed as only the scrolling area needs to be resized, the content itself can remain unchanged in this case as it’s larger than the scrolling area.

Can this please been fixed or is there better way to do the resizing?
I would really appreciate it.

Thanks!

Best regards,
Marco

[Peter StoevKeymaster]

Hi Marco,

The Grid is not completely reconstructed when it is resized. I wold also suggest you to use Percentage Width and Height for fluid layout, not to dynamically set Width and Height properties. Example: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/autosize.htm

Best Regards,
Peter Stoev

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

[mbmleoneParticipant]

Hello Peter,

Thanks for your fast response.
Then there has to be another reason why it’s so slow.
Could you please look into this?
I really need to have this fixed as I choose your product for performance and already ordered a license

By the way, I tried a percentage width and height.
It gives the same delay, there seems to be no difference.
Also it is less reliable, it doesn’t always repaint correctly on Android browser and Firefox (Android).

One other thing you might need to know:
I create the grid in this way:
$(libraryFieldConfig).jqxGrid(
{
theme: “MR”,
sortable: false,
rowsheight: 35,
columnsheight: 35,
altrows: true,
altstart:1
});
Column is specified as followed:
columns[i]={ text: ucwords(f), datafield: f, width: 9*Math.min(1.5*avgWidth,maxWidth)+16, sortable:true,
cellsrenderer: function (row, column, value) {
return ‘

‘ + value + ‘

‘;
},renderer: function (value) {
return ‘

‘ + value + ‘

‘;
}};

I hope you can help finding the cause.
Thanks!

Best regards,
Marco

[Peter StoevKeymaster]

Hi Marco,

If you are a licensed customer, then it is better to contact us directly at support@jqwidgets.com. In addition, please provide a complete sample which we can test your scenario with. The repainting performance could be related to something in our code, but it could be also a problem due to a custom rendering function attached to the Grid in your code. In addition, do you use jQWidgets 2.8.3?

Best Regards,
Peter Stoev

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

[Author]

Posts