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}); 
![]()  
 
                    
                     
                    
                 
                    
                
 
 
                
            
         
         浙公网安备 33010602011771号
浙公网安备 33010602011771号