easyui-datagrid 添加并更新统计页脚行

easyui-datagrid 添加并更新统计页脚行,第1张

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

配置:

方法

这里只使用reloadFooter方法。

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

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

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

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

新增: (M)appendRow : (A)row{"name":"xiaoming",age:"18" }删除:(M)deleteRow:(A)rowIndex(1)修改:(M) beginEdit,endEdit(这里在OnclickCell事件中调用)M是方法,A是参数

保存数据库中,新增在appendRow之后,调用业务。删除在deleteRow之后,调用业务。修改在OnAfterEdit中,调用业务。

(代码自己写)

可以,但是数据必须是JSON对象,并且符合以下格式:

{"total":总记录数,"rows":数据行数组}

例如:

{"total":300,"rows":[{"id":1,"name":"张三"},{"id":2,"name":"李四"}]}

这个JSON数据对象可以是你在页面上自己拼凑出来的,也可以是通过AJAX请求从服务器端响应来的等等,从哪里来的无所谓,只要符合以上格式就行,然后通过DataGrid组件的loadData方法加载,如下(假设data变量值是上面举例的那个数据对象):

$("#demoDataGrid").datagrid("loadData",data)


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

原文地址:https://54852.com/bake/7983976.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存