dojo datagrid

时间:2017-07-10 07:29:56

标签: javascript checkbox datagrid dojo

我是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

Non-Editable-Checkboxes

如果我将editable切换为true

,这就是它的样子

Editable checkboxes

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

1 个答案:

答案 0 :(得分:0)

您是否尝试使用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/