Dojo DataGrid (DGrid) 添加复选框列

2024-05-08

我在用DojoDgrid 但是我正在尝试添加一个复选框列,但我不确定该方法。

我一直在看的大多数教程都遵循不同的代码结构,我无法创建复选框列。我想创建一个复选框列来选择行

Code(这里还有一个Fiddle http://jsfiddle.net/devdarin/V2PBm/2/我的代码)

要求([
...................... “道场/dom准备好了!”

], function(parser, declare, Grid, ColumnSet, Selection, selector,Keyboard, DijitRegistry){
      parser.parse();

      var data = [
            { first: "Tom", last: "Evans" },
            { first: "Sherry", last: "Young"},
            { first: "Bob", last: "William"}
        ];

      var columns =     [
          [[
              {editor({name: "CheckBox", field: "bool"}, "checkbox")},
              { field: "first", label: "First" },
            { field: "last", label: "Last" }]]
                        ];           

      var CustomGrid = declare([Grid, ColumnSet, Selection, Keyboard, DijitRegistry]);




      var grid = new CustomGrid ({
            columnSets: columns ,
            "class":"grid"
        }, "grid");
     grid.renderArray(data);   
});

如果您希望有一列带有复选框来选择行,那么您应该将目光集中在selector列插件而不是editor. selector专门设计用于在连接到的每个单元格中呈现复选框(或单选按钮)Selection选中时混合。

See the 维基百科中的文档 https://github.com/SitePen/dgrid/blob/v1.0.0/doc/components/mixins/Selector.md,以及选择器测试页 http://dgrid.io/js/dgrid/test/Selector.html.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Dojo DataGrid (DGrid) 添加复选框列 的相关文章

随机推荐