Dojo数据网格中的“禁用”复选框

jyztefdp  于 2022-12-16  发布在  Dojo
关注(0)|答案(1)|浏览(222)

我是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,否则为false

这是我把editable设为true时的样子

如何使复选框可见(而不是“真”和“假”,但禁用?)

chhkpiq4

chhkpiq41#

你有没有试过使用像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;
    },

我找到了一个jsfidle链接。希望这能有所帮助。

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

相关问题