easyui的datagrid自定义一个排序列,要求能够累计每页数据条数
时间: 2023-12-08 14:05:19 浏览: 93
您好,针对您的问题,可以按照以下步骤实现:
1. 在datagrid的columns中添加需要自定义排序的列,并设置sortable属性为true,例如:
```
{field:'price',title:'Price',width:100,sortable:true}
```
2. 在datagrid的onLoadSuccess事件中,获取当前页的数据并计算出累计值,然后更新到表头的排序列中,例如:
```
$('#datagrid').datagrid({
onLoadSuccess:function(data){
var rows = data.rows;
var total = 0;
for(var i=0; i<rows.length; i++){
total += rows[i].price;
}
$('#datagrid').datagrid('getColumnOption','price').title = 'Price (' + total + ')';
}
});
```
以上代码中,通过遍历当前页的数据获取累计值,并将其更新到表头的排序列的标题中。
注意:这种方法只能在每次加载数据时更新表头的排序列,如果需要实时更新,可以考虑使用自定义列的方式来实现。
阅读全文