dojo 数据网格中的禁用复选框答案

【问题标题】：Disabled checkbox in dojo datagriddojo 数据网格中的禁用复选框
【发布时间】：2017-12-13 20:06:45
【问题描述】：

我是 dojo 的新手，我正在尝试创建一个带有禁用复选框的数据网格。

layout[0] = {name: ' ', field: 'selected', width: '20px', editable:       false, cellType: dojox.grid.cells.Bool};
var grid = new DataGrid({
    id: 'target_id',
    store: new ObjectStore({
      objectStore: myData
    }),
    query: {parent: 'root'},
    structure: layout,
    rowSelector: '0px'
  });

但我唯一能看到的不是禁用的复选框，而是“真”或“假”。如果应选中禁用的复选框，则为 true，否则为 false

如果我将可编辑切换为 true，这就是它的样子

如何使复选框可见（而不是“true”和“false”，但禁用？）

【问题讨论】：

标签： javascript checkbox datagrid dojo

【解决方案1】：

您是否尝试过对网格使用像 http://dojotoolkit.org/documentation/tutorials/1.8/working_grid/demo/selector.php 这样的间接选择？这样，复选框总是呈现在网格的左侧。

如果这不是您想要的，那么我建议您实现格式化程序，以便您可以在任何地方显示一个复选框。

var yourLayout = [
            [
                {name:'ID', field:"id" },
                {name:'Value', field:"id", formatter:this.renderCheckBox}
            ]
        ];

renderCheckBox:function (val) {
        var checkbox = "<input type='checkbox' name='myCheckBox' value='" + val + "/>";
                    return checkbox;
    },

我为此找到了一个 jsfiddle 链接。希望这会有所帮助。

http://jsfiddle.net/UUnfR/4/

【讨论】：