博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
EasyUI 取得选中行数据
阅读量:6091 次
发布时间:2019-06-20

本文共 974 字,大约阅读时间需要 3 分钟。

转自:http://www.jeasyui.net/tutorial/23.html

本实例演示如何取得选中行数据。

数据网格(datagrid)组件包含两种方法来检索选中行数据:

  • getSelected:取得第一个选中行数据,如果没有选中行,则返回 null,否则返回记录。
  • getSelections:取得所有选中行数据,返回元素记录的数组数据。

创建数据网格(DataGrid)

  1. <table id="tt" class="easyui-datagrid" style="width:600px;height:250px"
  2. url="data/datagrid_data.json"
  3. title="Load Data" iconCls="icon-save">
  4. <thead>
  5. <tr>
  6. <th field="itemid" width="80">Item ID</th>
  7. <th field="productid" width="80">Product ID</th>
  8. <th field="listprice" width="80" align="right">List Price</th>
  9. <th field="unitcost" width="80" align="right">Unit Cost</th>
  10. <th field="attr1" width="150">Attribute</th>
  11. <th field="status" width="60" align="center">Stauts</th>
  12. </tr>
  13. </thead>
  14. </table>

使用演示

取得选中行数据:

  1. var row = $('#tt').datagrid('getSelected');
  2. if (row){
  3. alert('Item ID:'+row.itemid+"
  4. Price:"+row.listprice);
  5. }

取得所有选中行的 itemid:

  1. var ids = [];
  2. var rows = $('#tt').datagrid('getSelections');
  3. for(var i=0; i<rows.length; i++){
  4. ids.push(rows[i].itemid);
  5. }
  6. alert(ids.join('
  7. '));

转载地址:http://kdmwa.baihongyu.com/

你可能感兴趣的文章
Cannot forward after response has been committed
查看>>
Java语言学习(五):面向对象入门
查看>>
Linux Shell一些常用记录(一)
查看>>
如何查看CRM WebUI,C4C和Hybris里的页面技术信息
查看>>
spring源码解析上下文初始化ContextLoaderListener
查看>>
用户登陆注册【JDBC版】
查看>>
less安装
查看>>
控制台打印sql
查看>>
spring启动bean加载顺序,控制子线程等待主线程
查看>>
负载均衡集群LVS(及资料)
查看>>
避免使用线程组(73)
查看>>
What will happen when you attempt to compile and run the following code?
查看>>
11.32 php扩展模块装安
查看>>
互联网分布式微服务云平台规划分析--服务监控中心
查看>>
Driver.js – 页面分步引导JavaScript
查看>>
Python TUPLE - 打包,解包,比较,切片,删除,键
查看>>
云磁盘扩容
查看>>
京东到家基于netty与websocket的实践
查看>>
不改一行代码定位线上性能问题
查看>>
java B2B2C Springcloud电子商城系统
查看>>