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);