jQuery easyui datagrid 分頁 - (前端分頁求教)

開始提了 jQuery easyui datagrid 前端分頁,有人說 DEMO頁面 就已經實現了 前端分頁功能,但是需要設置哪些屬性值才可以做到呢?

我目前載入 19筆 數據,可是頁面上 datagrid 當頁還是顯示19筆,而頁面下方分頁組件到是 按照19筆 每頁現實10筆進行分頁,但是點擊按鈕

無法更datagrid數據結合在一起

不知道需要設置哪些屬性或添加什麽方法?

是否有人願意幫助提供代碼提示,或者提供Demo下載感謝,感謝

代碼:

[quote]
$(function(){
$('#test').datagrid({
title:'My Title',
iconCls:'icon-save',
width:800,
height:350,
nowrap: false,
striped: true,
url:'datagrid_data.json',
sortName: 'code',
sortOrder: 'desc',
remoteSort: false,
idField:'code',
pageNumber:1,
pageSize:10,
pageList:[5,10,20,50],

frozenColumns:[[
{field:'ck',checkbox:true},
{title:'code',field:'code',width:80,sortable:true}
]],
columns:[[
{title:'Base Information',colspan:3},
{field:'opt',title:'Operation',width:100,align:'center', rowspan:2,
formatter:function(value,rec){
return 'Edit Delete';
}
}
],[
{field:'name',title:'Name',width:120},
{field:'addr',title:'Address',width:120,rowspan:2,sortable:true,
sorter:function(a,b,order){
return (a>b?1:-1)*(order=='asc'?1:-1);
}
},
{field:'col4',title:'Col41',width:150,rowspan:2}
]],
pagination:true,
rownumbers:true

});
var p = $('#test').datagrid('getPager');
if (p){
$(p).pagination({
onBeforeRefresh:function(){
alert('before refresh');
}
});
}
$('#test').datagrid('getPanel').panel({
collapsible:true
});
});
[/quote]

我从3.5开始使用jqGrid,越用越顺手。作者更新很努力。

3.7的demo:
http://trirand.com/blog/jqgrid/jqgrid.html#

3.8beta的demo,提供group功能,相当强大:
http://www.trirand.com/blog/jqgrid/demo38/jqgrid.html

wiki:
http://www.trirand.com/jqgridwiki/doku.php?id=wiki:change#jqgrid_3.6.5_changes_and_fixes

官网:
http://www.trirand.com/blog/

事实证明,它的前端分页并不改变数据,而只是改变序号而已。

类似问题我以前问过:
[url]http://www.iteye.com/problems/41695[/url]

是假的,但是想让他真也容易啊,你用js控制以下json的传递,比如 我现在的数据json为

var _json = ["rows":20,[{},{},{},...]]

我获取datagrid设置的pageSize和pageIndex,然后用js计算一个
var _useJson = ["rows":10,[{},{},...]];传到datagrid中不就行了吗。
datagrid获取数据是通过ajax的,ajax并不是一定要从后台获取,从js或者页面中也同样可以获取数据啊,你如果想在前台分页,你自己处理以下前台数据的分割,他要你那部分,你传那部分不就实现分页了吗。不同的是你不是在后台取数据,而是通过前台的页面或者js获取数据的。

跑个题 jqGrid v3.7版实现了客户端分页及排序功能,挺不错的。