业务系统的批量提交是常用的操作功能,使用传统的EasyUI开发时需要写不少代码才能实现,该功能在TopJUI中是如何实现的呢?本篇我们将通过简单的代码,把批量操作的具体实现分享给大家参考。

<a href="javascript:void(0)"
data-toggle="topjui-menubutton"
data-options="method: 'openDialog',
extend: '#productDg-toolbar',
iconCls: 'fa fa-pencil',
btnCls: 'topjui-btn-green',
grid: {
type: 'datagrid',
id: 'productDg',
param:'uuid:uuid,code'
},
dialog: {
width: 950,
height: 500,
href: _ctx + '/html/complex/dialog_edit.html',
buttonsGroup: [
{
text: '更新',
url: _ctx + '/json/response/success.json',
iconCls: 'fa fa-cog',
handler: 'multiAjaxForm',
btnCls: 'topjui-btn-green'
}
]
}">批量提交</a>
点击“批量提交”按钮会打开一个对话框窗口,“更新”按钮中的handler属性值为multiAjaxForm,即提交多行数据,点击“更新”按钮后从表格中获取的参数为勾选行的uuid和code字段的值,通过grid中的param参数设置param:'uuid:uuid,code:code',冒号前面为参数名,冒号后面为相应勾选行的字段值,当要传递的参数名和字段名相同时可以只写字段名即可,所以param:'uuid:uuid,code'也可简写为param:'uuid,code',需要更新的内容在对话窗口的表单中填写即可。

通过以上代码即可批量更新表格数据了,是不是很简单呢?

最新文章

  1. grunt安装和使用教程
  2. Dephi 和 Pascal 的关系
  3. jsp_注释
  4. There is no mode by that name loaded / mode not given 产生原因(个案)
  5. A+B Again(在某个数中找大于m的最小约数)
  6. MySQL通用优化手册
  7. 定时器内部的this
  8. Java+Velocity模板引擎集成插件到Eclipse及使用例子
  9. Oracle创建表空间、用户、分配权限语句
  10. tp5 $_ENV获取不到数据
  11. jira,Confluence 的JVM内存优化
  12. 20145232韩文浩 《网络对抗技术》 Web安全基础实践
  13. oracle数据库创建分区表
  14. poj3468
  15. First C++
  16. 【转】阿里云Ubuntu系统搭建SVN服务器
  17. jQuery库冲突
  18. Unreal Open Day游记
  19. laravel query builder/ Eloquent builder 添加自定义方法
  20. 转:sock_ev——linux平台socket事件框架(logTrace) .

热门文章

  1. android实现跑马灯效果
  2. javascript Date对象的介绍及linux时间戳如何在javascript中转化成标准时间格式
  3. Bestcoder BestCoder Round #28 A Missing number(查找缺失的合法数字)
  4. BZOJ2120 数颜色 —— 待修改莫队
  5. H264视频通过RTMP直播
  6. Python GIL、线程锁、信号量及事件
  7. hdu-5358 First One(尺取法)
  8. hdu-5000 Clone(dp)
  9. 12306.cn网站自动登录器源代码
  10. bzoj2875随机数生成器——矩阵快速幂