这个只有从后台来处理
后台根据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)
就可以了
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)