以编程方式在Dojo增强网格中添加单选按钮

3hvapo4f  于 2022-12-20  发布在  Dojo
关注(0)|答案(1)|浏览(188)

我想为每一行添加单选按钮。我搜索了一些在线的dojo例子来编程添加单选按钮,但没有找到解决方案。请建议我如何在每次添加新行时在每行的column1之前添加单选按钮。下面是小提琴:http://jsfiddle.net/Q9GYv/59/
样本代码:

/*create a new grid*/
    var grid = new DataGrid({
        id: 'grid',
        store: store,
        structure: layout,
        rowSelector: '20px'
    });

    /*append the new grid to the div*/
    grid.placeAt("gridDiv");

    /*Call startup() to render the grid*/
    grid.startup();

    var id = 2;

    var button = new Button({
        onClick: function () {
            console.log(arguments);
            store.newItem({
                id: id,
                col2: "col2-" + id,
                col3: "col3-" + id,
                col4: "col4-" + id
            });
            id++;
        }
    }, "addRow");
});
y1aodyip

y1aodyip1#

有几种方法可以做到这一点,但我能想到的最简单的方法是更改布局并向布局添加单选选择器(dojox/grid/_RadioSelector)。
就像

var layout = [
    { type: "dojox.grid._RadioSelector"},
    [{
        'name': 'Column 1',
            'field': 'id',
            'width': '100px'
    }, {
        'name': 'Column 2',
            'field': 'col2',
            'width': '100px'
    }, {
        'name': 'Column 3',
            'field': 'col3',
            'width': '200px'
    }, {
        'name': 'Column 4',
            'field': 'col4',
            'width': '150px'
    }]
];

我已经更新了你的fiddle here,向你展示了它是如何完成的。

相关问题