Text boxes are appearing below the header but on entering values nothing is happening.
Though after hiting the enter button it shows “loading” sign but no change in the grid.
M using below code for filterToobar. I have written this code just after the definition of jqgrid and inside the $.ready function(everthing else is working fine in my code).
My browser is IE7
jQuery("#list").jqGrid({
url: 'someactionclass'
datatype: "json",
mtype: "POST",
colNames ,
colModel,
rowNum:25,
rowList:[25,50,75,100],
pager: '#pager',
sortname: 'rgs_id',
height: '100%',
sortorder: "asc",
editurl:'someactionclass'
});
jQuery("#list").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false });
jQuery("#list").jqGrid('navButtonAdd', "#pager",
{ caption: "Toggle", title: "Toggle Search Bar", buttonicon: 'ui-icon-pin-s',
onClickButton: function () { $("#list")[0].toggleToolbar() } });
You use server side data type:
datatype: "json". In the case the server is responsible to sorting, paging and filtering of data. The jqGrid just add the filtering parameters as additional parameters and send there to the server.If you want use local-side sorting, paging and filtering of data you can use
loadonce:trueparameter. In the case you should include the server response the whole data (all pages) from the grid. You should understand, that in the case thedatatypeof the grid will be automatically changed fromdatatype: "json"todatatype: "local"after the first data loading. If you will need reload the data from the server you will have to change thedatatypeback to the originaldatatype: "json"value with respect ofsetGridParammethod and then reload the grid.You should use
gridview:truejqGrid parameter to improve jqGrid performance. In any way the acceptable performance of local sorting and filtering you can receive only for not so large number of rows. The usage of not large page size (25 rows for example which can be placed on the page without scrolling) can additionally improve the performance.