EasyUIdatagrid实现表格分页
1。首先介绍EasyUI的CSS和JS文件2。前台需要写JS
复制代码代码如下所示:
数据源
函数异步(动作,args,回调){
$ ajax({
网址:行动,
类型:邮政
DataType:JSON
超时时间:10000,
一个数据,
成功:函数(数据){
如果(回调){
回调(数据);
}
}
});
}
绑定数据并设置分页
功能bingdata(PID参数、动作,回调){
异步(动作、参数、功能(数据){)
如果(数据)!= nulldata.list!= NULL){
无功/ _datacount = data.size总数;
无功_data = data.list; / /数据
如果(回调){
回调(_data);
}
$(PID),Datagrid('loaddata ',_data);
$(PID),Datagrid('getpager的分页({)。
beforepagetext:,
afterpagetext:{ }页面的页面的页面,
displaymsg:当前{从} - { }酒吧共记录了{总}记录,
PageSize:args.pagesize,
总:_datacount,
PageNumber:args.pageindex,
PageList:args.pagelist,
OnSelectPage:功能(四,PageSize){
args.pageindex =书页数;
args.pagesize = PageSize;
bingdata(PID参数、动作、空);
},
OnRefresh:功能(四,PageSize){
args.pageindex =书页数;
args.pagesize = PageSize;
bingdata(PID参数、动作、空);
}
});
}
});
}
作为对象序列化的表单
美元。fn.serializeobject =函数(){
var obj = { };
美元。每个(this.serializearray(),函数(I,O){
var n = o.name,V = o.value;
obj { } = obj { } =定义的V
美元。ISArray(obj { } { })obj concat(V)。
:{ obj { } },V;
});
返回json.stringify(obj);
};
宽度
功能fixwidth(%){
返回document.body.clientwidth×%;
}
结束编辑
功能EndEdit(VID){
VID =+视频# ;
VaR TB = $(VID);
无功行= tb.datagrid('getrows);
对于(var i = 0;i < rows.length;i++){
Tb.datagrid('endedit ',我);
}
}
函数GetData(obj){
var url = contextpath + / / fundretreatvoucher fundbatchretreatvoucherquery .htm; / /行动路径
var args = { };
args。PageIndex = 1; / /索引页面
args。PageSize = 10; / /页面大小
如果(obj!= NULL)序列化形式
obj = obj参数;
}
bingdata(#选项卡
}
功能gettab(){
GetData();
VaR TB =美元(' #标签);
Tb.datagrid({
标题:基金返回批调查结果,
条纹:真的,
FitColumns:真的, / /自适应柱尺寸
rownumbers:真,
nowrap: / /真的,设置为true,当数据长度超过列宽会自动拦截
条纹:真的,
宽度:fixwidth(0.99),
身高:'430,
单选:真,
LoadMsg:在数据加载中…,
列:{
{场:'interfaceinfocode,标题:资本的信道编码,宽度:fixwidth(0.3),对齐:中心},
{场:'retreatbatchcode,标题:资金回到批号,宽度:fixwidth(0.2),编辑:中,对齐:中心},
{场:综合,标题:总笔数,宽度:fixwidth(0.1),左对齐,编辑:中,对齐:中心},
{场:'totalmoney,标题:总量,宽度:fixwidth(0.1),左对齐,编辑:中,对齐:中心},
{场:'def2,标题:手术,fixwidth宽度:(0.3)、编辑:中,对齐:左对齐:中心,
格式化:功能(价值、行、指数){
VaR VCODE = row.retreatbatchcode;
var =细节|;
var a '批准' |;
拒绝审计;
返回e + d + f;
} }
onloadsuccess:功能(数据){
如果(data.total = = 0){
}
},
分页:真,
页索引:1 /页索引
PageSize:10 / /页面大小
PageList:{ 10 }
})
}
2后台
复制代码代码如下所示:
国际currentpage = request.getparameter(页索引)=零1:integer.parseint(request.getparameter(页索引));
每页的行数。
国际showcount = request.getparameter(每页)=零10:integer.parseint(request.getparameter(每页));
/分页实体
字符串对象= request.getparameter(目标);
如果(stringutils.notblank(obj)){
fundretreatvoucher = jsonutils.toobject(obj,FundRetreatVoucherParam。类); / / JSON对象的序列化实体形式
}
= response.getwriter();
列表FRVS = fundretreatvoucherservice.findallfundretreatvoucher(页,fundretreatvoucher);
总人数= fundretreatvoucherservice.findallfundretreatvoucher(getTotal,fundretreatvoucher)(大小)(); / /数据大小
JSONObject JSON =新的JSONObject();
Json.put(列表,FRVS); / /数据,放钥匙,清单,如果你需要改变的bingdata更改数据
Json.put(大小
out.print(JSON);