jquery datagrid单选按钮
时间: 2023-11-14 22:05:39 浏览: 85
jquery datagrid的单选按钮可以通过以下方法来实现:
在datagrid的初始化代码中,设置属性singleSelect为true,即可实现单选功能。示例如下:
$('#tt').datagrid({
singleSelect:true,
onBeforeCheck: function (rowIndex, rowData) {
$('#tt').datagrid("unselectAll");//取消选中当前所有行
},
onLoadSuccess: function (data) {
if (data.total == 0) {
$.messager.alert('系统提示', "查询结果为空,无符合条件记录", 'error');
}
else {
$("input[name=ck]").click(function () {
var ischecked = $(this).is(":checked");
$("input:checkbox[name=ck]:checked").attr("checked", false);
$('#grid').datagrid('clearSelections');
$('#grid').datagrid("unselectAll");
if (ischecked) {
$(this).attr("checked", true);
}
else {
$(this).attr("checked", false);
}
});
}
},
onClickRow: function (rowIndex, rowData) {
$('#grid').datagrid("unselectAll");//取消选中当前所有行
$('#grid').datagrid("selectRow", rowIndex);//选中当前点击的行
},
});
阅读全文