EasyUI的datagrid编辑复选框
前台
<table id="FeederTable" class="easyui-datagrid"></table>
脚本
$('#FeederTable').datagrid({
singleSelect: true,
onClickRow: onClickRow2,
queryParams: {
configType: '接驳计划',
ChangeID: changeID
},
url: '/MOC/MOCChangeCMRExecute/Get_Items',
columns: [[
{ field: 'ID', title: 'ID', hidden: true },
{ field: 'Config_ID', title: 'Config_ID', hidden: true },
{ field: 'ConfigName', title: '检查内容' },
{
field: 'isCheck', title: '检查结果', width: 120, align: 'center', editor: { type: 'checkbox', options: { on: '是', off: '否' } }, width: 120,
formatter: function (value, rowData, rowIndex) {
if (value == "是") {
return '<input type="checkbox" checked />';
}
else {
return '<input type="checkbox" />';
}
}
}
]]
});
//接驳计划 编辑dataGrid 开始
var editIndex2 = undefined;
function endEditing2() {
if (editIndex2 == undefined) { return true }
if ($('#FeederTable').datagrid('validateRow', editIndex2)) {
$('#FeederTable').datagrid('endEdit', editIndex2);
editIndex2 = undefined;
return true;
} else {
return false;
}
}
function onClickRow2(index) {
if (editIndex2 != index) {
if (endEditing2()) {
$('#FeederTable').datagrid('selectRow', index)
.datagrid('beginEdit', index);
editIndex2 = index;
} else {
$('#FeederTable').datagrid('selectRow', editIndex2);
}
}
if (endEditing()) {
$('#OffLineTable').datagrid('acceptChanges');
}
if (endEditing3()) {
$('#SceneTable').datagrid('acceptChanges');
}
if (endEditing4()) {
$('#OnLineTable').datagrid('acceptChanges');
}
}