내 프로젝트에서 jqGrid를 사용하고 이상한 페이징 문제가 발생했습니다. 다음 페이지 버튼을 클릭하고 1 페이지에서 2 페이지로 이동할 수 있지만 다른 페이징 버튼을 누르면 2 페이지에 달라 붙어 다른 페이지로 이동할 수 없습니다. 그러나 페이지 번호를 입력하고 Enter 키를 누른 다음 표시된 페이지를 업데이트 할 수 있습니다. 아래에 jqGrid 코드를 붙여 넣었습니다.jqGrid 페이징 단추는 한 번의 클릭으로 만 작동합니다.
jQuery(document).ready(function(){
jQuery("#groupsTable").jqGrid({
jsonReader: {
root:"rows",
page:"page",
total:"total",
records:"records",
repeatitems:false,
cell:"",
id:"id",
userdata:"userdata"
},
url:'project/selectTable/loadTableInfo.do',
datatype:'json',
colNames:['Name','Size', 'Number', 'Search','Delete'],
colModel:[
{name:'name',index:'name', width:500, sorttype:'text', searchoptions:{sopt:['cn']},
{name:'size',index:'size', sorttype:'int', width:150, searchoptions:{sopt:['le']}},
{name:'mailList',index:'mailList',sorttype:'int', width:150, searchoptions:{sopt:['le']}},
{name:'search',index:'search', stype:'select', width:60, sortable:false},
{name:'delete',index:'delete',width:60, stype:'select', sortable:false}],
pager:'#pager',
loadonce:true,
rowNum:50,
rowList:[10,25,50,75,100,500],
viewrecords:true,
height:600,
pgbuttons:true,
pginput:true,
loadComplete: function(){
var ids = jQuery("#groupsTable").getDataIDs();
for(var i=0;i<ids.length;i++){
var cl = ids[i];
X = "<span class='delete' onClick=deleteRow("+cl+");></span>"
searching = "<span class='search' onClick=search("+cl+");></span>"
jQuery("#groupsTable").setRowData(ids[i],{delete:X});
jQuery("#groupsTable").setRowData(ids[i],{search:searching});
}
jQuery('#groupsTable').filterToolbar({searchOnEnter:false});
jQuery('#groupsTable')[0].triggerToolbar();
},
caption:'General Info'
});
});
그리고 HTML :
<table id="groupsTable"></table>
<div id="pager"></div>
어떤 버전의 jqgrid u r을 사용하고 있습니까? –
버전 4.4.0을 사용 중입니다. – Amruth