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

这个只有从后台来处理

后台根据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、运行页面，我们就可以看到相应的结果。

查看easyui的中文文档，找到一下相关的配置。

配置：

方法：

这里只使用reloadFooter方法。

目的：当表格中的数据编辑完成时，重新统计列并更新页脚统计行。

拿官网Demo中为例，地址： http://www.92ui.net/

其中demoTable_onDblClickRow方法用来开启编辑模式。demoTable_onAfterEdit方法用来处理编辑结束后的触发事件，即统计unitcost列的总值并更新统计行。

统计行数据中listprice与unitcost分别与表格中的field对应。

---