jQuery Grid Plugin - jqGrid - Topic: jg3.5 A2- no pager

tony on jg3.5 A2- no pager

Wed, 19 Aug 2009 05:21:22 +0300

Hello,

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

Best Regards

Tony

Jim P on jg3.5 A2- no pager

Mon, 17 Aug 2009 14:37:02 +0300

Tony,

FYI:

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

Thanks,

Jim

Jim P on jg3.5 A2- no pager

Mon, 17 Aug 2009 08:29:43 +0300

Thanks Tony,

That fixed the problem.

tony on jg3.5 A2- no pager

Sat, 15 Aug 2009 02:39:51 +0300

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

Jim P on jg3.5 A2- no pager

Fri, 14 Aug 2009 07:22:08 +0300

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

Jim P on jg3.5 A2- no pager

Thu, 13 Aug 2009 15:04:04 +0300

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

akremedy on jg3.5 A2- no pager

Thu, 16 Apr 2009 12:55:55 +0300

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

tony on jg3.5 A2- no pager

Thu, 16 Apr 2009 02:41:00 +0300

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

akremedy on jg3.5 A2- no pager

Tue, 14 Apr 2009 17:02:49 +0300

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

tony on jg3.5 A2- no pager

Tue, 14 Apr 2009 02:33:59 +0300

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

akremedy on jg3.5 A2- no pager

Thu, 09 Apr 2009 15:38:19 +0300

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

archie on jg3.5 A2- no pager

Thu, 09 Apr 2009 11:44:08 +0300

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.

archie on jg3.5 A2- no pager

Thu, 09 Apr 2009 11:28:24 +0300

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

Walther on jg3.5 A2- no pager

Thu, 09 Apr 2009 10:25:08 +0300

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

Lotte on jg3.5 A2- no pager

Thu, 09 Apr 2009 07:38:39 +0300

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!