columns:[[ { field: 'showCheckboxWithId', checkbox: true, formatter: function (value, row, index) { debugger; if (row.isTag) { // 如果满足某个条件,则禁用复选框 return '<input type="checkbox" disabled="disabled">'; } else { // 否则正常显示复选框 return '<input type="checkbox">';
时间: 2024-03-04 15:49:00 浏览: 154
Macrostrat 数据集(综合性的地质数据)【500010019】
5星 · 资源好评率100%
在这段代码中,使用了`formatter`函数来自定义列的显示内容。当`row`中的`isTag`属性为`true`时,将会显示一个禁用的复选框(即无法勾选),否则将会显示一个正常的复选框。
以下是示例代码:
```javascript
$('#datagrid').datagrid({
columns:[[
{field:'id',title:'ID',width:100},
{field:'name',title:'Name',width:100},
{
field:'showCheckboxWithId',
title:'Checkbox',
checkbox:true,
formatter:function(value,row,index){
if (row.isTag) {
// 如果满足某个条件,则禁用复选框
return '<input type="checkbox" disabled="disabled">';
} else {
// 否则正常显示复选框
return '<input type="checkbox">';
}
}
}
]],
data:[
{id:1,name:'Alice',isTag:false},
{id:2,name:'Bob',isTag:true},
{id:3,name:'Charlie',isTag:false}
]
});
```
在上述代码中,我们在datagrid中的第三列中使用了`formatter`函数来自定义复选框的显示内容。如果当前行的`isTag`属性为`true`,则将会禁用复选框,否则将会正常显示复选框。
阅读全文