jQuery easyui的datagrid里的插入行insertRow怎么用

jQuery easyui的datagrid里的插入行insertRow怎么用,第1张

index:要插入的行索引,如果该索引值未定义,则追加新行。 row:行数据。 代码示例: // 在第二行的位置插入一个新行 $('#dg').datagrid('insertRow',{ index: 1,// 索引从0开始 row: { name: '新名称', age: 30, note: '新消息' } })

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

配置:

方法

这里只使用reloadFooter方法。

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

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

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

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

EasyUI datagrid 选择多行的方法:

SingleSelect:false,即可实现选择多行。

【解析】

原因分析:

datagrid 中的 idField 属性,必须对应后台的实体属性字段,而且该字段必须确保唯一性,一般用id标识,否则就无法获取在datagrid中选择的多条记录。

DataGrid组件包括2个方法检索选择行数据:

· getSelected: 得到第一个选择行的数据,如果没有选择行则返回null否则返回该记录。

· getSelections:得到全部的选择行的数据,如果元素是记录的话,返回数组数据。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存