jQuery Grid Plugin - jqGrid - Topic: Navigation Buttons Not Show Up http://www.trirand.com/blog/?page_id=393/help/navigation-buttons-not-show-up Simple:Press Version 5.7.5.3 tony on Navigation Buttons Not Show Up http://www.trirand.com/blog/?page_id=393/help/navigation-buttons-not-show-up#p25054 Help http://www.trirand.com/blog/?page_id=393/help/navigation-buttons-not-show-up#p25054 Hello,

The problem was disscussed before:

Please put

jQuery('#userRoleGrid').jqGrid('navGrid','#userRolePager');

in document ready and not after it.

jQuery(document).ready(function(){

   jQuery("#userRoleGrid").jqGrid({

   ...

   });

   jQuery('#userRoleGrid').jqGrid('navGrid','#userRolePager');

});

Regards

]]> Thu, 03 Nov 2011 09:27:11 +0200 richardhan on Navigation Buttons Not Show Up http://www.trirand.com/blog/?page_id=393/help/navigation-buttons-not-show-up#p25053 Help http://www.trirand.com/blog/?page_id=393/help/navigation-buttons-not-show-up#p25053 None of the navigation buttons (add/edit/view/delete/search/refresh) show up, but the center paging and the right records view appear properly. Need help to figure it out what's wrong.

(1) jqGrid version: 4.2.0

(2) jQuery UI version: 1.8.16 

(3) Global grid settings:

jQuery.extend(jQuery.jgrid.defaults, {

datatype: 'json',

sortname: 'id',

sortorder: 'desc',

autowidth: true,

height: 'auto',

shrinkToFit: true,

viewrecords: true,

cmTemplate: {

align: 'right'

},

gridview: true,

jsonReader: {

repeatitems: false,

cell: '',

id: '0'

},

altRows:true

});

(4) Local Settings:

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<body>

<table id="userRoleGrid"></table>

<div id="userRolePager"></div>

<script type="text/javascript">

jQuery(document).ready(function(){

jQuery("#userRoleGrid").jqGrid({

url: '<c:url value="/userrole/jqgrid/grid"/>',

mtype: 'get',

colNames:['Id', 'Name', 'Description'],

colModel : [

{name:'id', index:'id', editable:true},

{name:'name', index:'name', editable:true},

{name:'description', index:'description', editable:true}

],

rowNum: 5,

rowList: [5,10,15],

sortname: 'name',

sortorder: 'asc',

pager: '#userRolePager',

editurl: '<c:url value="/userrole/jqgrid/grid"/>',

gridview: false,

caption: 'User Roles'

});

});

jQuery('#userRoleGrid').jqGrid('navGrid','#userRolePager');

</script>

</body>

(5) All data showed up very well and also the sorting works very well

(6) I used chrome development tool to Inspect the left part of the pager it just says <td id="userRolePager_left" align="left"></td>, nothing else

(7) Is there something missed in the new version or I missed something?

Thanks for help

]]> Thu, 03 Nov 2011 03:11:25 +0200