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(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 并能获取选中的值的 *** 作步骤。

1:添加隐藏域 <input type="hidden"id ="com_multi"/>
2:$('#sysId')combobox({
onSelect: function(record){
var val = recordvalue; //得到其value值
$('#com_multi')val($('#com_multi')val()+val+","); //拼接按逗号分隔

}
}); //当选中一项触发事件

3:提交的时候,将$('#com_multi')val()作为参数传过去

ps:还有些细节注意,比如我选错,重新选择,以前的数据要清空,自己办。

默认的checkbox是有级联的么,就是点选父节点,全选所有子节点,所以你要全选、取消全选,只要获取所有的根节点,再选中、取消这些根节点就行了么,记得有个获取根节点的方法的,getRoot和getRoots吧

$('#xxx')combotree({
url: '',
multiple: true,
checkbox: true,
cascadeCheck: false,
panelHeight: 400
});

datagrid的属性问题,在配置时添加\x0d\onLoadSuccess:function(data){\x0d\ $('#listTable')datagrid('unselectAll');\x0d\ }\x0d\载入时取消所有选中项

如何控制easyui datagrid checkbox全选按钮
Jquery easyui datagrid的column如果是checkbox,

如何去掉全选checkbox的选中状态
$('#gridId)parent()find("div datagrid-header-check")children("input[type='checkbox']")eq(0)attr("checked", false);
checkbox不是在我们定义的grid的标签下,同一个父节点,然后根据css和type类型查找出该对象。


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

原文地址: http://outofmemory.cn/yw/10533139.html

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

发表评论

登录后才能评论

评论列表(0条)

保存