jQuery Grid Plugin - jqGrid - Topic: Pager doesnt show total number of pages with multiple grids http://www.trirand.com/blog/?page_id=393/bugs/pager-doesnt-show-total-number-of-pages-with-multiple-grids Simple:Press Version 5.7.5.3 ido on Pager doesnt show total number of pages with multiple grids http://www.trirand.com/blog/?page_id=393/bugs/pager-doesnt-show-total-number-of-pages-with-multiple-grids#p10074 Bugs http://www.trirand.com/blog/?page_id=393/bugs/pager-doesnt-show-total-number-of-pages-with-multiple-grids#p10074

Hi Tony,

Thank you for your reply, I am going to investigate, weird though... as they are working individualy

Ido

]]> Thu, 24 Sep 2009 06:08:29 +0300 tony on Pager doesnt show total number of pages with multiple grids http://www.trirand.com/blog/?page_id=393/bugs/pager-doesnt-show-total-number-of-pages-with-multiple-grids#p9915 Bugs http://www.trirand.com/blog/?page_id=393/bugs/pager-doesnt-show-total-number-of-pages-with-multiple-grids#p9915 Hello,

Testing yo+ur code, for me everthing work ok. Check your server response for the second grid. Also I tested with no data on second grid And the page is displayed correct in FF.

Regards

Tony

]]> Mon, 21 Sep 2009 07:06:29 +0300 ido on Pager doesnt show total number of pages with multiple grids http://www.trirand.com/blog/?page_id=393/bugs/pager-doesnt-show-total-number-of-pages-with-multiple-grids#p9903 Bugs http://www.trirand.com/blog/?page_id=393/bugs/pager-doesnt-show-total-number-of-pages-with-multiple-grids#p9903 Anyone, am I doing something wrong, or is there a jgrid bug somewhere?

]]> Mon, 21 Sep 2009 01:28:46 +0300 ido on Pager doesnt show total number of pages with multiple grids http://www.trirand.com/blog/?page_id=393/bugs/pager-doesnt-show-total-number-of-pages-with-multiple-grids#p9114 Bugs http://www.trirand.com/blog/?page_id=393/bugs/pager-doesnt-show-total-number-of-pages-with-multiple-grids#p9114 Hi Tony

Thank you for the quick reply, here's my html & js

<style type="text/css">

  .selectedtab {background: #A6B6D0 none;}

  .notselected {background: #E3E8F5 none;}

  .x2o {color:#336699;font-family:Arial,Helvetica,Geneva,sans-serif;font-size:8pt}

  .column1 { vertical-align: text-top; text-align: right; width:150px}

  div#pagecontent_org td th tr {padding: 2px;}

  div#pagecontent_org input {padding: 1px;}

  div#pagecontent_org textarea {padding: 2px;}  

  div#pagecontent_org fieldset {padding: 3px;}

  div#pagecontent_org ul li {padding: 3px; list-style-type: disc;}

  label.error { float: none; color: red; padding-left: .5em; vertical-align: top; display: block;}

</style>

<link rel="stylesheet" type="text/css" media="screen" href="http://www.rsm.nl/main/all/js/jquery/1.3/themes/smoothness/jquery-ui-1.7.1.custom.css" />

<link rel="stylesheet" type="text/css" media="screen" href="http://www.rsm.nl/main/all/js/jquery/1.3/plugins/jqGrid-3.5.2/css/ui.jqgrid.css" />

<script type="text/javascript" src="http://www.rsm.nl/main/all/js/jquery/1.3/jquery-1.3.2.js"></script>

<script type="text/javascript" src="http://www.rsm.nl/main/all/js/jquery/1.3/ui/ui.core.js"></script>

<script type="text/javascript" src="http://www.rsm.nl/main/all/js/jquery/1.3/ui/ui.tabs.js"></script>

<script type="text/javascript" src="http://www.rsm.nl/main/all/js/jquery/1.3/ui/ui.datepicker.js"></script>

<script type="text/javascript" src="http://www.rsm.nl/main/all/js/jquery/1.3/plugins/jqGrid-3.5.2/js/grid.locale-en.js"></script>

<script type="text/javascript" src="http://www.rsm.nl/main/all/js/jquery/1.3/plugins/jqGrid-3.5.2/js/jquery.jqGrid.min.js"></script>

<script type="text/javascript" src="http://www.rsm.nl/main/all/js/jquery/1.3/plugins/jquery-validate/jquery.validate.pack.js"></script>

<script type="text/javascript">

  jQuery(function() {

    jQuery("#uni_tabs").tabs();

    jQuery("#uni_tabs").tabs().tabs('select', 0);

  jQuery("#appList").jqGrid({

    url:'$PORTLET.getResourceURL("jsonservlet?action=application_list")',

    datatype: 'json',

    mtype: 'GET',

    colNames:['id','Name', 'Programme','Modify Date','Submit'],

     colModel :[ 

      {name:'id', index:'id', width:30}, 

      {name:'Name', index:'last_name', width:150}, 

      {name:'Programme', index:'programme', width:300}, 

      {name:'Modify Date', index:'modify_date', width:80, align:"center"}, 

      {name:'Submit', index:'submit_application', width:50, align:"center"}], 

    pager: jQuery('#appPager'),

    shrinkToFit: true,

    autowidth: true, 

    height: "100%",

    rowNum:20,

    rowList:[20,40,60],

    sortname: 'last_name',

    sortorder: "ASC",

    viewrecords: true,

    imgpath: 'http://www.rsm.nl/main/all/js/jquery/1.3/plugins/jqGrid-3.5.2/themes/basic/images&#39;,

    caption: 'Applications'

  });

  jQuery("#cemsUniList").jqGrid({

    url:'$PORTLET.getResourceURL("jsonservlet?action=cems_uni_list")',

    datatype: 'json',

    mtype: 'GET',

    colNames:['id','University', 'Country'],

    colModel :[ 

      {name:'id', index:'id', width:30}, 

      {name:'University', index:'university', width:300}, 

      {name:'Country', index:'country', width:300}], 

    pager: jQuery('#cemsUniPager'),

    shrinkToFit: true,

    autowidth: true, 

    height: "100%",

    rowNum:20,

    rowList:[20,40,60],

    sortname: 'university',

    sortorder: "ASC",

    viewrecords: true,

    imgpath: 'http://www.rsm.nl/main/all/js/jquery/1.3/plugins/jqGrid-3.5.2/themes/basic/images&#39;,

    caption: 'CEMS Universities'

  });

});

</script>  

<div id="uni_tabs">

  <ul>

    <li><a onclick="return false;" href="#applications">Applications</a></li>

    <li><a onclick="return false;" href="#cems_uni">CEMS Universities</a></li>

  </ul>

  <div id="applications">

    <table id="appList" class="scroll"></table> 

    <div id="appPager" class="scroll" style="text-align:center;"></div>

  </div>

  <div id="cems_uni">

    <table id="cemsUniList" class="scroll"></table> 

    <div id="cemsUniPager" class="scroll" style="text-align:center;"></div>  </div>

</div>

]]> Mon, 31 Aug 2009 08:07:03 +0300 tony on Pager doesnt show total number of pages with multiple grids http://www.trirand.com/blog/?page_id=393/bugs/pager-doesnt-show-total-number-of-pages-with-multiple-grids#p9055 Bugs http://www.trirand.com/blog/?page_id=393/bugs/pager-doesnt-show-total-number-of-pages-with-multiple-grids#p9055 Hello,

I need the full html and JS source. Also please remove any reference to in script and link tags which points to the old 3.4 version.

Best Regards

Tony

]]> Sun, 30 Aug 2009 11:11:28 +0300 ido on Pager doesnt show total number of pages with multiple grids http://www.trirand.com/blog/?page_id=393/bugs/pager-doesnt-show-total-number-of-pages-with-multiple-grids#p9012 Bugs http://www.trirand.com/blog/?page_id=393/bugs/pager-doesnt-show-total-number-of-pages-with-multiple-grids#p9012

Hi,

I have a weid thing with firefox (works ok with IE 7). I have multiple grids in different tabs, using jquery TAB. 

On the first tab the grid pager works fine, showing “Page 1 of 1?

But on the second tab it shows “Page 1 of “.

And now the weird thing, if a disable the first tab, the pager on the second tab will show correctly

Weird uh, anybody an idea?

Im using

jqeuery: 1.3.2

jQGrid: 3.5.2

Firefox: 3.5.2

kind regards 

ido

ps, here's my code 

  jQuery("#programmeList").jqGrid({

    url:'$PORTLET.getResourceURL("jsonservlet?action=programme_list")',

    datatype: 'json',

    mtype: 'GET',

    colNames:['id','Programme'],

    colModel :[ 

      {name:'id', index:'id', width:30}, 

      {name:'Programme', index:'programme', width:500}], 

    pager: jQuery('#programmePager'),

    shrinkToFit: true,

    autowidth: true, 

    height: "100%",

    rowNum:20,

    rowList:[20,40,60],

    sortname: 'programme',

    sortorder: "ASC",

    viewrecords: true,

    imgpath: 'http://www.rsm.nl/main/all/js/jquery/1.3/plugins/jqGrid-3.4.3/themes/basic/images&#39;,

    caption: 'Programmes'

  });

]]> Fri, 28 Aug 2009 06:48:21 +0300