easyui datagrid 显示 footer
2024-09-03 04:55:58
1、设置 showFooter为true
$grid = $dg.datagrid({
// fit: true,
//fitColumns: true,
// pagination: false,
// pageSize: 20,
// pageList: [20, 40, 60, 80, 100],
showFooter:true,
scrollbarSize:0,
border: true,
striped: true,
singleSelect: false,
selectOnCheck: true,
checkOnSelect: true,
remoteSort:false,
rownumbers : false,//不显示序号
method:'get',
columns: [[{field: 'companyname', title: '经销商名称', width: parseInt($(this).width() * 0.2)},
{field: 'goodscount', title: '新增sku数', width: parseInt($(this).width() * 0.1),sortable:true,sorter:numberSort},
{field: 'upgoodscount', title: '在售sku数', width: parseInt($(this).width() * 0.1),sortable:true,sorter:numberSort},
{field: 'goodsSaleCount', title: '下单商品数', width: parseInt($(this).width() * 0.1),sortable:true,sorter:numberSort}
]],
onBeforeLoad: function (param) {
try {
let row = $(this).datagrid('getSelected');
let index = $(this).datagrid('getRowIndex', row);
row_key = index;
} catch (err) {
console.log(err);
} }, onClickCell: function (index, field, value) {
$(this).datagrid('clearSelections');
},
onLoadSuccess: function (data) {
$(this).datagrid('checkRow', row_key);
},
toolbar: '#tb'
});
2、json数据,主要是footer 数组对象
{"total":9,"rows":[
{"id":1,"name":"Chai","price":18.00},
{"id":2,"name":"Chang","price":19.00},
{"id":3,"name":"Aniseed Syrup","price":10.00},
{"id":4,"name":"Chef Anton's Cajun Seasoning","price":22.00},
{"id":5,"name":"Chef Anton's Gumbo Mix","price":21.35},
{"id":6,"name":"Grandma's Boysenberry Spread","price":25.00},
{"id":7,"name":"Uncle Bob's Organic Dried Pears","price":30.00},
{"id":8,"name":"Northwoods Cranberry Sauce","price":40.00},
{"id":9,"name":"Mishi Kobe Niku","price":97.00}
],"footer":[
{"name":"Total","price":282.35},
{"name":"Average","price":31.37}
]}
最新文章
- 把UI图里的小图标制作成icon font
- vue 2 滚动条加载更多数据实现
- Nexus3.0私服搭建
- jQuery中的.bind()、.live()和.delegate()之间区别分析
- 知识积累:DAS NAS SAN
- unable to connect to the virtual device Genymotion 神器启动问题
- Animator根骨骼运动原始实现代码
- 转:Struts2<;s:iterator value=";"; var=";lst";>;中var的使用和一些标签的使用体会
- Python基础 练习题
- wdlinux 编译pdo_mysql
- 玩转Windows服务系列&mdash;&mdash;创建Windows服务
- 使用cocos2d脚本生成lua绑定
- Java眼中的XML文件写入
- Caused by: com.mysql.jdbc.exceptions.jdbc4.MySQLSyntaxErrorException: Unknown column &#39;t.statis_date&#39;
- Caused by: The Result type [json] which is defined in the Result annotation on the class
- 《java入门第一季》之面向对象(抽象类到底多抽象)
- redis实战 -- python知识散记
- Java-Mail邮件开发
- VSCode TypeScript开发
- java 多线程下载功能