jquery easyui datagrid 加每页合计和总合计,请教怎么来做

jquery easyui datagrid 加每页合计和总合计,请教怎么来做,第1张

这个只有从后台来处理

后台根据rows 和page两个参数返回的datatable  命名为dt

然后根据dt   clone一个datatable

datatable dt2=dt.Clone()

克隆出来的dt2添加两行 第一行对当前页进行合计

DataRow dr1(每页合计)=dt2.createRow()

dr1[0]='合计';

dr1["num1"]=dt.Compute("sum(num1)", "")

.

.

.

dt2如法炮制添加一行  该行数据时对所有的数据进行统计

然后把上述两行插入到dt2

dt2.Rows.InsertAt(dr2,0)

dt2.Rows.InsertAt(dr2,1)

最后 处理 datagrid的json 这里需要用到的footer对象

json = "{\"total\":dt(总).Rows.Count,\"rows\":" + JsonConvert.SerializeObject(dt)+ ",\"footer\":" + JsonConvert.SerializeObject(dt2) + "}"

大体就这个思路…… 很简单  datagrid footer  数据源格式 可以参考EasyUI demo里面的代码

1、百度搜索easyui,找到easyui的官网,下载easyui的jsAPI文件,并将js文件添加到项目中。

2、新建html页面,将easyui的关键js文件及css文件引入到页面。

3、在页面声明datagrid的渲染元素,该元素主要是datagrid显示的载体。

4、编写js模块,为datagrid绑定数据源及配置字段及属性,到这里,datagrid的配置就完成了,这时,我们运行页面就可以得到一个带分页的列表。

5、编写获取datagrid选中行的js,具体实现如下。

6、运行页面,我们就可以看到相应的结果。

这个很简单啊,你先把你要追加的内容定义成一个变量,

例如:var content="<span></span>"

然后点击新增的时候

$("#monthTable").append(content)

就可以了


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11848352.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存