2 dyjeery dyjeery 于 2014.11.24 13:46 提问

Jquery Easyui datagrid如何在动态获取当前选中行的值

easyui grid列是动态生成的,现在想要获取第一列的值,单是该列的名字因为是动态获取的,所以名字不固定。
使用easyui选中的方法
var ids = [];
var rows = $('#tt').datagrid('getSelections');
for(var i=0; i<rows.length; i++){
ids.push(rows[i].itemid);
}
alert(ids.join('\n'));
但是没办法使用row[i][0]
请问怎么才能动态获取选中行的列值

1个回答

showbo
showbo   Ds   Rxr 2014.11.24 14:27
已采纳

返回的是rows数组项是json对象,不是数组,无法通过下标获取,你需要通过dom关系找到第一列的列名称,然后通过rows[i][名称]来获取

var colName=$('#tt').parent().find('table.datagrid-htable td:eq(0)').attr('field');//得到第一列的名称
var ids = [];
var rows = $('#tt').datagrid('getSelections');
for(var i=0; i<rows.length; i++){
ids.push(rows[i][colName]);/////
}
alert(ids.join('\n'));
dyjeery
dyjeery 谢谢,获取colname的方法var colName = $("#grid").datagrid('getColumnFields')[0];
3 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
easyui 中datagrid获取选中行的行号
用easyui时候有个删除选中行的需求,于是得知道选中的行的行号,才能在界面上调用它的delete方法删除选中行。 选中行可以用    var datas = $('#xxxx').datagrid('getSelections');获得。这里获得的是所有选中行,在参照api时得知,getRowIndex的这个方法的参数可以是行记录或者是一个id字段的值。在这里我们知道了许多个行记录,因此可以遍
EasyUi datagrid选中行的index值
function callQueue(){     edit_url = "queueRecord.htm?op=callQueue";     var row = $('#dg').datagrid('getSelected');     var rowIndex=$('#dg').datagrid('getRowIndex',$('#dg').datagrid('getSelected'
easyui取得选中行的数据
数据网格(datagrid)组件包含两种方法来检索选中行数据: getSelected:取得第一个选中行数据,如果没有选中行,则返回 null,否则返回记录。getSelections:取得所有选中行数据,返回元素记录的数组数据。 创建数据网格(DataGrid) id="tt" class="easyui-datagrid" style="width:600px;height:2
jQuery EasyUI 数据网格 - 取得选中行数据
jQuery EasyUI 数据网格 - 取得选中行数据 本实例演示如何取得选中行数据。 数据网格(datagrid)组件包含两种方法来检索选中行数据: getSelected:取得第一个选中行数据,如果没有选中行,则返回 null,否则返回记录。getSelections:取得所有选中行数据,返回元素记录的数组数据。 创建数据网格(DataGrid) <table i
EasyUI单击选中一行数据并获取数据
在EasyUI中有一个单击事件 onClickRow   单击一行事件 onDblClickRow  双击一行事件 首先,应该在datagrid的columns中添加一隐藏列id(数据库查询语句中要有这个字段的查询数据) 之后在写单击事件或双击事件,一些解释就仔细看一下图片上的注释
Easyui datagrid 获取选中行数据
Easyui datagrid 获取选中行数据 //获取选中行数据 var row = $('#dg_id').datagrid('getSelected');
easyui datagrid获取选择行的数据
一:datagrid列表 //绚染列表 $('#tt').datagrid({ title:"系统管理员列表", iconCls:"icon-save",//图标 url:'xxxxx.action', width:"100%", height:"auto", nowrap: false,
easyUI获取选中行的数据
有的需要做一些修改的功能,那如何获取到选中行的数据并把这些数据赋值到新的编辑框呢?API上也给我们提供了一个属性getSelected。具体的用法如下:    //修改数据    function doEdit() {        $('#w').window('open');//打开新的编辑框        var row = $('#dg').datagrid('getSelected');...
easyUI datagrid 取选中行id
var rows = $('#authority').datagrid('getSelections'); alert(rows[0].ID); if (rows.length == 1) { } else { $.messager.alert('提示', '请选择一条记录!', 'warni
用easyUI获取当前选中行的id
保存 $(function(){ $('#save').click(function(){ var rows = $('#tt(代表datagrid的table的id)').datagrid('getSelections');