新手学EasyUI(七)----DataGrid CheckBox 动态选中
来源:互联网 发布:串口助手软件下载 编辑:程序博客网 时间:2024/06/05 10:08
先上一张图:
下面说一下具体实现的功能是什么样的。
页面首次加载的时候,右面的表格中的CheckBox都处于未选中的状态,现在是这么设计的,时段只有这么8条数据在一张单独的表里面。
用户和时段的关系放在另一张表中,当点击左侧具体的用户的时候,根据表中的关系,勾选右侧DataGrid中与之对应的数据。这就是要实现的功能。
具体的实现如下:
根据选中的用户ID去表中查询与之对应的时段数据,然后当数据返回到前台之后,先将json串转换成json对象,然后循环遍历对象中的数据,将表格中对应的数据选中,代码如下:
$.ajax({ type: 'POST', url: 'CheckManager.ashx?action=GetUserPeriodByUserId' + '&user_id=' + user_id, success: function (data) { //转换 var result = JSON.parse(data); var rowData = result.rows; //循环遍历 $.each(rowData, function (idx, val) { if (val.period_id) { //选中 $('#dgTimeEdit').datagrid('selectRow', val.period_id-1); } }); } });
需要注意的一个地方就是,表格的行数是从0开始的。效果图如下:
1 0
- 新手学EasyUI(七)----DataGrid CheckBox 动态选中
- easyui datagrid editor checkbox 选中
- easyUI-Datagrid设置checkbox时默认选中
- easyui datagrid 分页保持checkbox选中状态
- EasyUi DataGrid 获取选中行的checkbox
- EasyUI多选,easyui datagrid 分页并保持checkbox选中状态
- 点击行不自动选中checkbox --datagrid easyui
- easyui 去除datagrid表头的checkbox 和将某行不能选中
- EasyUI datagrid editor checkbox
- easyui datagrid checkbox
- easyui datagrid checkbox
- easyui datagrid组件 单击行 让他不选中 只有单击checkbox的时候才选中
- easyui datagrid组件 单击行 让他不选中 只有单击checkbox的时候才选中
- easyui datagrid的表格中点击行时,控制checkbox不被选中
- jquery-easyui的datagrid在checkbox多选时,行选中不对应,去除高亮的解决方法
- easyui datagrid 只有点击checkbox才起选中或者取消作用
- DataGrid添加CheckBox选中框
- easyui datagrid 去掉 全选checkbox
- A. Vitaly and Night
- 网络流小结
- 收藏两篇关于theano配置和CUDA加速的博客
- Shiro使用和源码分析---5
- Input Axis Mouse X is not setup.
- 新手学EasyUI(七)----DataGrid CheckBox 动态选中
- C++基础::关于区间端点的问题
- 杭电1069--Monkey and Banana 子序列,dp
- lamp 环境搭建遇到的问题
- kworker内核工作队列详解
- codeforces GYM 100792H
- AC自动机模板
- 我的iOS学习历程 - UIView和UILabel
- 编写方法,完成指定文件的复制和剪切;使用BufferedReader和BufferedWriter完成。