jquery - easyui - 分页
- datagrid 【表格分页】
-
var orderDataGrid = $("#orderDataGrid").datagrid({
width : "auto",
height : "auto",
idField : "memberid", //【主键】
url : "${pageContext.request.contextPath}/orderweb/getOrderList", //【获得数据接口】
columns : [[ //【列名】
{field : "orderid", title : "订单编号", width:fixWidth(0.13)},
{field : "uphonenumber", title : "下单人手机号码", width:fixWidth(0.1)},
{field : "prodname", title : "商品名称", width:fixWidth(0.1)},
{field : "price", title : "商品市场价", width:fixWidth(0.08), formatter:priceFormatter},
{field : "pointsvalue", title : "商品保险币价值", width:fixWidth(0.1), formatter:pointsValueFormatter},
{field : "protype", title : "商品类型", width:fixWidth(0.06), formatter:protypeFormatter},
{field : "receiver", title : "收件人", width:fixWidth(0.1)},
{field : "orderstatus", title : "订单状态", width:fixWidth(0.1), formatter:orderStatusFormatter},
{field : "udphonenumber", title : "收件人手机号码", width:fixWidth(0.1)},
{field : "ordertime", title : "下单时间", width:fixWidth(0.15), formatter : updateTimeFormatter},
{
field : "operation", title : "操作", width:fixWidth(0.15), formatter : operationFormatter
}
]],
fitColumns : true,
rownumbers : true,
pagination : true,
pageSize : 10,
pageList : [10, 20],
striped : true,
onBeforeLoad : function(param) { //【说到ajax请求,难免需要在请求的时候传入一些查询条件,我通常是在onBeforeLoad事件中添加查询条件的】
param.pageindex = param.page;
param.pagesize = param.rows;
var orderid = $("input[name='orderid']").val();
if(orderid != "" && typeof(orderid) != "undefined" && orderid != null) {
param.orderid = orderid;
}
var phonenumber = $("input[name='phonenumber']").val();
if(phonenumber != "" && typeof(phonenumber) != "undefined" && phonenumber != null) {
param.phonenumber = phonenumber;
}
var prodname = $("input[name='prodname']").val(); //【获得所有name = prodname的input标签】
if(prodname != "" && typeof(prodname) != "undefined" && prodname != null) {
param.prodname = prodname;
}
var orderstatus = $("select[name='ordetstatus'] option:selected").val();
if(orderstatus) {
param.orderstatus = orderstatus;
}
delete param.page;
delete param.rows;
return true;
},
onClickRow: onClickRowFunction,
onLoadError : onLoadErrorFunction});