实现easyui datagrid分页显示总记录数以便导出数据信息——2021-03-30

实现前提:datagrid在客户端分页的情况下不能利用全选checkbox选中全部数据。

实现功能:

①easyui datagrid可正常分页。

②分页新增总记录数值,以便可单页显示全部记录数用来导出列表全部数据。

dg.extendDataGrid({
     url: "/api/YH/InventoryInfo/20/1/ListByPage",
     idField: 'invCode',  //标识符-翻页勾选记忆
     singleSelect: false, 
     pagination: true,  
     columns: [[
          { field: 'ck', checkbox: true },
          { field: 'invCode', title: '产品编码', width: 80, align: 'center' },
          { field: 'invName', title: '产品名称', width: 150, align: 'center' },
          { field: 'spec', title: '规格', width: 100, align: 'center' },
          { field: 'unit', title: '单位', width: 20, align: 'center' },
          { field: 'unitPrice', title: '参考单价', width: 50, align: 'center' },
          { field: 'invCName', title: '分类名称', width: 80, align: 'center' },
          { field: 'setPartsFlag', title: '成套件', width: 30, align: 'center',
                 formatter: function (value, row, index) {
                                   return formatPartsFlag(value, row);
                            }
          },
          { field: 'safeNum', title: '安全库存量', width: 50, align: 'center' },
          { field: 'bSale', title: '销售', width: 30, align: 'center',
                 formatter: function (value, row, index) {
                                    return formatYes(value, row);
                            }
          },
          { field: 'bPurchase', title: '外购', width: 30, align: 'center',
                 formatter: function (value, row, index) {
                                    return formatYes(value, row);
                            }
          },
          { field: 'bSelf', title: '自制', width: 30, align: 'center',
                 formatter: function (value, row, index) {
                                    return formatYes(value, row);
                            }
          }],
          onDblClickRow: function (rowIndex, rowData) {     //双击行弹框查看
                                Product_List_view();
                         },
          onLoadSuccess: function (data) {
                                var total = data.total; //获取总记录数
                                var p = $('#dg-product').datagrid('getPager');
                                $(p).pagination({
                                    //实现分页条件加上总记录数total
                                    pageList: [20, 40, 60, 100, total],
                                });
                        }
          }, reg.data).datagrid('getPager').pagination({
              layout: ['list', 'sep', 'first', 'prev', 'sep', 'links', 'sep', 'next', 'last', 'sep', 'refresh', 'info']
});

 

 

你可能感兴趣的:(WEB端常用插件技巧)