jQuery Grid Plugin - jqGridForum

Forum

November 2nd, 2014

A A A

Topic RSS

jg3.5 A2- no pager

09/04/2009
07:38

Lotte

Member

Members

Forum Posts: 10

Member Since:
26/02/2009

Offline

hello,

after updating to 3.5 A2 i can't see the pager. The edit, del … buttons are in use and working well. Using firebug I only get:

and nothing more. Does the calling-method changed?

Best regards

Lotte

EDIT: jgrid starts non-hidden!

09/04/2009
10:25

Walther

Member

Members

Forum Posts: 6

Member Since:
09/04/2009

Offline

Hi there,

I have the same problem- reading all the posts in forum and docs- no solution.

I only update the .js and the pager has gone.

Has somebody a solution?

Greetings

Walhter

09/04/2009
11:28

archie

Member

Members

Forum Posts: 3

Member Since:
09/04/2009

Offline

I am having the same issue, except the entire formatting of the pager div is messed up in both IE and Firefox. This only happens when I put the grid on a tab page.

I am looking forward to a solution as well

09/04/2009
11:44

archie

Member

Members

Forum Posts: 3

Member Since:
09/04/2009

Offline

archie said:

I am having the same issue, except the entire formatting of the pager div is messed up in both IE and Firefox. This only happens when I put the grid on a tab page.

I am looking forward to a solution as well

Just tried this again, and my issue does not happen in the first Tab, only in the subsequent Tabs.

09/04/2009
15:38

akremedy

California, USA

Member

Members

Forum Posts: 37

Member Since:
16/12/2008

Offline

I too am having this problem in 3.5 A2 - pager is missing from grids on all subsequent tabs (using latest jQuery UI 1.7.1 and jQuery 1.3.2), but not the initial tab. I will point out that the pager appears, and appears normally, in grids as sub-grids on all tabs. This is true for me in FF 3.

In IE 7, the exception is that the pager does appear in the main grid on subsequent tabs, but all button elements are squished to the left edge (which may be what what archie is pointing out).

There were some odd pager formatting problems in tabs in 3.5 A1 as well - I think the pager appeared on all tabs, but was squished to the left on subsequent tabs for both FF and IE...I don't remember for sure.

Thanks, Adam

14/04/2009
02:33

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Thanks all for posting this issue. I have corrected partial this, but there is no way of getting the width of a hidden element. It seems that we will have only left and right aligment. IMHO is better to miss the feature to center the pager as to have buggy one.

What is your opinion on this?

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.

14/04/2009
17:02

akremedy

California, USA

Member

Members

Forum Posts: 37

Member Since:
16/12/2008

Offline

I'd just be happy to have the pager working with tabs at this point 🙂

Here is something that I came up with last night - it's a bit dirty, and I only did this so that I could continue working for the time being. It seems to do the trick for me (IE8 and FF3), everything remains centered and consistent from one tab to the other, etc.

I'm not sure how well this will behave as grids get narrower, and there are probably a million other variables that I'm not accounting for...

This starts at line 1091 in grid.base.js of 3.5A2.

Part 1: Create a new variable to figure out what 1/3 of the width of the grid is. Set table-layout to 'auto'. Set the right table cell to fixed width (1/3 of total width).

lft = pgid+"_left"; cent = pgid+"_center"; rgt = pgid+"_right";
// begin:hack to fix pager on tabs part 1 of 3
fxdwd = Math.floor(grid.width/3);
$(ts.p.pager).addClass('ui-jqgrid-pager corner-bl ui-corner-br')
//.append("<div id='"+pgcnt+"' class='ui-pager-control'><table cellspacing='0' cellpadding='0' border='0' class='ui-pg-table' style='width:100%;table-layout:fixed;'><tbody><tr><td id='"+lft+"' align='left'></td><td id='"+cent+"' align='center' style='white-space:nowrap;'></td><td id='"+rgt+"' align='right'></td></tr></tbody></table></div>");
.append("<div id='"+pgcnt+"' class='ui-pager-control'><table cellspacing='0' cellpadding='0' border='0' class='ui-pg-table' style='width:100%;table-layout:auto'><tbody><tr><td id='"+lft+"' align='left'></td><td id='"+cent+"' align='center' style='white-space:nowrap;'></td><td id='"+rgt+"' align='right' style='width:"+fxdwd+"px;'></td></tr></tbody></table></div>");
// end:hack to fix pager on tabs part 1 of 3
if(ts.p.pgbuttons===true) {

Part 2: Set the center table cell to fixed width (1/3 of total width).

} else {
// begin:hack to fix pager on tabs part 2 of 3
//$("td#"+pgid+"_"+ts.p.pagerpos,"#"+pgcnt).width(twd)
$("td#"+pgid+"_"+ts.p.pagerpos,"#"+pgcnt).width(fxdwd);
// end:hack to fix pager on tabs part 2 of 3
}

Part 3: In grid.formedit.js, in navButtonAdd, around line 975, set the left-most table cell to fixed width (1/3 of total width).

} else {
// begin:hack to fix pager on tabs part 3 of 3
//$(findnav).parent().width(fnvw+2);
$(findnav).parent().width(fxdwd);
// end:hack to fix pager on tabs part 3 of 3
}

Thanks,

Adam

16/04/2009
02:41

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello Adam,

Thank you very much for this, but I'm sorry - this will work in some cases.

For the all pager elements we need about 200 - 210 px room. If you set this to 1/3 from the grid width this will definitley break in case the grid have width 400-500 pixels. This can be view very well in IE browsers. In order to be all ok we need.

1. Create a span element as first child in body

2. Add needed classes to this element .

3. Put the created table (with pager elements) in this element.

4. Calculate the width of the table.

5. Move the table to the pager and set the needed width

6. Remove the created element from body.

This algorithm works well, but I serach for another better solution.

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.

16/04/2009
12:55

akremedy

California, USA

Member

Members

Forum Posts: 37

Member Since:
16/12/2008

Offline

Thanks Tony, yes I was afraid that there was a lot more to this than meets the eye. I'm ok because I happen to be using fairly wide grids, but kind of figured that it would do very odd things in narrow grids. As far as I can tell, this turns out to be a much trickier problem to solve then it at first appears.

Adam

13/08/2009
15:04

Jim P

Member

Members

Forum Posts: 102

Member Since:
29/01/2009

Offline

Tony,

I'm running 3.5.1 and my pager bar is not showing up on one of my grids. I must be over looking something. What are the common causes for the pager not to be seen? I can see the pager bar code in FBug.

This is a new grid that I just created. I have about 10 other grids that are working fine. I'm just puzzled!!!!!

Thanks, Jim

14/08/2009
07:22

Jim P

Member

Members

Forum Posts: 102

Member Since:
29/01/2009

Offline

Tony,

After I posted my last post I found out this additional strange behavoir. When I first load the grid the pager isn't visible. If I collaspe the grid using the icon on the top right of the title bar and then expand it the pager shows up. Hopefully that will help you identify the problem.

Thanks,

Jim

15/08/2009
02:39

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

The reason for this is maybe that your pager has class scroll and you have a theme from 3.4 loaded.

Remove class scroll from pager - it is not needed in 3.5

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.

17/08/2009
08:29

Jim P

Member

Members

Forum Posts: 102

Member Since:
29/01/2009

Offline

Thanks Tony,

That fixed the problem.

17/08/2009
14:37

Jim P

Member

Members

Forum Posts: 102

Member Since:
29/01/2009

Offline

Tony,

FYI:

I noticed that examples on your site still have class=scroll and other depreciated options in them.

Thanks,

Jim

19/08/2009
05:21

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Thanks Jim, forgot to update this. Will do it in the next release if I have time.

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.

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
79 Guest(s)

Currently Browsing this Page:
1 Guest(s)