在 easyui datagrid 中设置列为 checkbox 并能获取选中的值,可以按照以下步骤进行 *** 作:
1、在 columns 配置中设置需要显示 checkbox 的列,示例代码如下:
columns:[[
{field:'id',title:'ID',width:80},
{field:'name',title:'Name',width:100},
{field:'gender',title:'Gender',width:100},
{field:'checkbox',title:'',checkbox:true},
]],
在这个示例中,第 4 列设置了 checkbox。
2、在 easyui datagrid 的 toolbar 中添加按钮,并绑定事件,示例代码如下:
toolbar:[{
text:'Get Selected',
iconCls:'icon-search',
handler:function(){
var rows = $('#dg')datagrid('getSelections');
alert(rowslength+' rows are selected');
}
}]
在这个示例中,添加了一个名为 "Get Selected" 的按钮,点击按钮会获取当前选中的行,并d出提示框显示选中的行数。
3、在点击按钮时获取选中的行,示例代码如下:
var rows = $('#dg')datagrid('getSelections');
在这个示例中,使用 easyui datagrid 的 getSelections 方法获取选中的行数据。
4、在获取选中的行后,可以对这些行进行后续的 *** 作,例如对每行进行遍历,获取某一列的值,示例代码如下:
for(var i=0; i<rowslength; i++){
var row = rows[i];
consolelog(rowid); // 获取 id 列的值
}
在这个示例中,使用 for 循环遍历选中的行数据,然后使用 rowid 获取 id 列的值。
以上就是在 easyui datagrid 中设置列为 checkbox 并能获取选中的值的 *** 作步骤。
getRowIndex 返回指定行的索引号,该行的参数可以是一行记录或一个ID字段值(API中的说法)
所以你返回的是这个行的索引号,要想显示所选行的id值,直接alert(rows[0]id)不行吗
idField这个就像列表数据中的主键意思,一般绑定的是唯一键字段
使用场景:
当修改一条数据后,关闭对话框后,列表刷新后重新选择刚修改的数据。
思路是:
1、datagrid的idField绑定orderId(唯一键)
2、选中修改数据,获取选中行的orderId,记录
3、提交保存,关闭对话框,刷新列表。在datagrid的onLoadSuccess函数中调用$(dg)datagrid('selectRecord', '选中行的orderId');
以上就是关于easyui datagrid列设置checkbox,并能获取选中的值如图全部的内容,包括:easyui datagrid列设置checkbox,并能获取选中的值如图、easyui datagrid('getRowIndex',rows[0].id)) 取值问题、easyui datagrid idField怎么用等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)