jQuery Grid Plugin - jqGridForum

Topic RSS

True Scrolling problems

23/03/2010
18:07

Klaus

Member

Members

Forum Posts: 68

Member Since:
18/11/2009

Offline

Hello!

I've found a problem using grids with "true scrolling" (scroll:1)

... in some situations some rows (full pages) get displayed twice. This happens when using a small page size (rowNum:10) with a big dataset on the server (200 rows) and scrolling a lot in both directions - especially when dragging the scrollbar so that pages are skipped or directly loaded.

[Maybe you could also try to change your "true scrolling" online demo sample or provide another one with a smaller page size (rowNum) than the displayed rows - e.g.: rowNum:10 and make the grid bigger to display about 25 rows]

The resulting rownumbers of such a problematic situation are: ..., 18,19,20,21,22,23,24,25,26,27,28,29,30,21,22,23,...
When looking into the DOM tree the rows are really duplicate there ... 1-30,21-40,31-40
... so there are full pages twice in the DOM and also visible in the tree.

I'm working with the latest release 3.6.4 of jqgrid and jquery 1.4.2.

After browsing the forum I've read about updates at github with scrolling and also have tried the latest trunk version from there.
Also with this source version I can reproduce the problem, but detected other problems with this devel-code:

on initial load of a table with true-scrolling I sometimes get negative row numbers for the first page: -9...0,11-20...
the grid resizing now works in another way incorrect: previously the last column got shrunk in width --> NOW: the first columns are getting smaller and smaller with every resize until they are min sized to a few pixels. The space is taken from the next fix-sized column

Kind regards,
Klaus.

[Image Can Not Be Found]

23/03/2010
18:27

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello Klaus,

Thanks for this. I will investigate the problems.

Also in the last dev in GitHub I introduced a new parameter scrollTimeout with default value 200.

Could you please set this value to smaller one - let say 80 or 100 and see if the problem persist?

Thank you

Regards

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

23/03/2010
18:58

Klaus

Member

Members

Forum Posts: 68

Member Since:
18/11/2009

Offline

Hello Tony,

I could also reproduce it with a scrollTimeout of 80, than I reduced this to 40 and could not reproduce it (but did only try a few times).

It seems to happen when I change the scroll position while "loading ..." new data from server.

Maybe I'll keep trying a bit tomorrow (and I will also watch memory and cleanup)

Could you please look at the two problems (happening with the current gitHub code), I've mentioned in the last few lines in my previous post.

Thanks for your quick response,
Klaus.

p.s.: Did you hear about memory leaks using your grid with "auto-update" in some-seconds interval? I could not find the root cause but somehow my javascript page causes the browser (especially IE) to consume up to 1.5GB memory when running over-night, which nearly crashes it.

25/03/2010
16:20

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello Klaus,

Regarding resizing bug - could you please post your grid configuration (or provide a link) so that I can look into this.

Thanks

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

25/03/2010
18:46

Klaus

Member

Members

Forum Posts: 68

Member Since:
18/11/2009

Offline

Hello Tony,

here are my table settings for such a problematic table

var newTableSettings = {
      caption: "",
      datatype: 'JSON',
      pager: '#statistics_tablepager',

      colModel: [
        { label: 'Name',      name: 'name',        index: 'name',       jsonmap: 'name',       width: 200,   align: 'left',   searchoptions: textSearchOpts },
        { label: 'Module',          name: 'module',       index: 'module',      jsonmap: 'module',      width: 150,   align: 'left',   searchoptions: textSearchOpts },
        { label: 'Service',         name: 'service',      index: 'service',     jsonmap: 'service',     width: 200,   align: 'left',   searchoptions: textSearchOpts },
        { label: 'Agent',           name: 'agent',        index: 'agent',       jsonmap: 'agent',       width: 100,   align: 'left',   searchoptions: textSearchOpts },
        { label: 'Thread ID',       name: 'threadId',     index: 'threadId',    jsonmap: 'threadId',    width: 80, fixed: true, align: 'right', searchoptions: numericSearchOpts },
...
...
        { label: 'ID',              name: 'id',           index: 'id',          jsonmap: 'id',          width: 60,    align: 'left', hidden: true }
      ],

      sortname: "name",
      sortorder: "desc",
      scroll: 1,
      rowNum: 50,
      rownumbers: true,
      rownumWidth: 35,
      gridview: false,
      loadui: "enable"
};

as you can see, the first 4 columns are variable (not fixed) and all others (except the hidden ID column – last one) are fixed:true.

The problem with theses settings is, that the first 3 columns are shrinked (until minimal a few onyl a few pixel are left) with every grid resize taking the space from the 4th column which gets bigger. All other columns (5-last) are unchanged in size.

Kind regards,
Klaus.

29/03/2010
10:14

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

I have fixed a lot of things. You can check the setGridWidth method.(GitHub)

For a small data set maybe is better to use lower scrollTimeout - i.e 40 -50 .

Also I will try to reproduce the case instead.

Best Regards

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.