easyui取得选中行的数据

阳光穿透心脏的1/2处 2022-09-26 04:59 146阅读 0赞

数据网格（datagrid）组件包含两种方法来检索选中行数据：

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

#### 创建数据网格（DataGrid） ####

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

#### 使用演示 ####

取得选中行数据：

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

取得所有选中行的 itemid：

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

发表评论取消回复

表情：

评论列表（有 0 条评论，146人围观）

还没有评论，来说两句吧...

相关阅读

相关 Winform中给DataGridView添加多选框列并获取选中行的内容

场景使用NPOI导入Excel并赋值给DataTable,然后显示在DataGrdView上，并且添加多选框，然后获取选中行的内容。 Winform中使用NPOI...

忘是亡心i/ 2024年04月17日 06:01/ 0 赞/ 74 阅读

相关 jQuery EasyUI 数据网格 - 取得选中行数据

本实例演示如何取得选中行数据。 ![0a9d5b2ed65aac1649bd5d1da1fba156.png][] 数据网格（datagrid）组件包含两种方法来检索选中行

超、凢脫俗/ 2024年03月22日 08:46/ 0 赞/ 63 阅读

相关 bootstrap获取整个表格的数据的方式和获取选中行的数据！！

var Allrows = $(’\dataTable’).bootstrapTable(‘getData’);//整个表格的数据 var rows = $(’\dataTa

àì夳堔傛蜴生んèń/ 2022年10月19日 05:37/ 0 赞/ 1209 阅读

相关 easyui取得选中行的数据

数据网格（datagrid）组件包含两种方法来检索选中行数据： getSelected：取得第一个选中行数据，如果没有选中行，则返回 null，否则返回记录。 g

阳光穿透心脏的1/2处/ 2022年09月26日 04:59/ 0 赞/ 147 阅读

相关 dojo小例子（10）改变grid选中行的列值

<div data-dojo-type="dojo/store/JsonRest" data-dojo-id="myData" data-dojo-props='tar

た入场券/ 2022年08月25日 12:50/ 0 赞/ 198 阅读

相关 Html中 table,list等表格中 js 的 Checkbox全选，反选，单选，获取数据选中行的写法

一：Html页面： <table cellpadding="1" cellspacing="1"> <thead>

- 日理万妓/ 2022年05月21日 06:54/ 0 赞/ 208 阅读

相关解决jQuery的EasyUI的datagrid数据表格中行的垂直居中问题。

默认jQuery EasyUI的datagrid的行的垂直方向上的对齐是text-top的。效果是这样： ![19131806-2a4a1e64ada74002aa7dbe7

迈不过友情╰/ 2022年03月27日 10:22/ 0 赞/ 518 阅读

相关 Dev 获取GridControl的选中行的值

var index = gridView1.GetFocusedDataSourceRowIndex();//获取数据行的索引值，从0开始 var c = (i

阳光穿透心脏的1/2处/ 2022年03月12日 10:06/ 0 赞/ 604 阅读

相关 js 选取table中checkbox选中行的某一列

//获取选中的行的第七列值 var selectObj = []; $(function(){ $("tabid").find(":ch

系统管理员/ 2022年02月03日 14:29/ 0 赞/ 353 阅读

相关 Jquery获取选中行的某个数据

1.页面结构 <table class="table table-border table-bordered table-bg table-hover table-sort"

水深无声/ 2021年09月27日 16:08/ 0 赞/ 272 阅读