easyui datagrid列设置checkbox,并能获取选中的值?如图

easyui datagrid列设置checkbox,并能获取选中的值?如图,第1张

在 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(rows.length+' rows are selected.')

}

}]

在这个示例中,添加了一个名为 "Get Selected" 的按钮,点击按钮会获取当前选中的行,并d出提示框显示选中的行数。

3、在点击按钮时获取选中的行,示例代码如下:

var rows = $('#dg').datagrid('getSelections')

在这个示例中,使用 easyui datagrid 的 getSelections 方法获取选中的行数据。

4、在获取选中的行后,可以对这些行进行后续的 *** 作,例如对每行进行遍历,获取某一列的值,示例代码如下:

for(var i=0i<rows.lengthi++){

var row = rows[i]

console.log(row.id)// 获取 id 列的值

}

在这个示例中,使用 for 循环遍历选中的行数据,然后使用 row.id 获取 id 列的值。

以上就是在 easyui datagrid 中设置列为 checkbox 并能获取选中的值的 *** 作步骤。

一,在VB.NET中

1,在设计时设置其属性

选中该控件,在属性窗口找到Checked属性,设置为True就是选中、设置为False就是不选中。在Checked属性右边的True或False文本上双击,可以改变该属性。

2,在运行时设置其属性

CheckBox1.Checked = True '设置为选中状态

CheckBox1.Checked = False'设置为非选中状态

二,在VB6中

1,在设计时设置其属性

选中该控件,在属性窗口找到Value属性,设置为1就是选中、设置为0就是不选中。

2,在运行时设置其属性

Check1.Value = 1 '设置为选中状态

Check1.Value = 0'设置为非选中状态


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/6486537.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-23
下一篇 2023-03-23

发表评论

登录后才能评论

评论列表(0条)

保存