javascript - SDK2 : checkboxes in a RallyGrid column?

Question

我想在集会网格中添加带有复选框的列(例如“选择默认值”)。看起来使用“checkcolumn”xtype 应该非常简单。但这需要您链接一些额外的 extjs 样式，并且我不确定如何在 Rally extjs 框架中执行此操作:

Extjs 4 checkcolumn not visible

以下是 ext-js 中此类列的示例:http://dev.sencha.com/deploy/ext-3.4.0/examples/grid/edit-grid.html

有没有办法用 Rally 网格来做到这一点？

我最终使用了一个基于以下答案的快速但肮脏的解决方案:

{text: 'Default', dataIndex:'selected', align: 'center', width: 50, renderer: function(value, style, item, rowIndex) {
    return "<input type='radio' name='primaryIndex' alt='"+ rowIndex + "' " + (value ? "checked='checked'" : "") + ">";
}},

并且:

        checkRadioClick: function(event) {
            var button = event.getTarget('input[type="radio"]');

            if (button) {
                       ...

Answer 1

目前 Ext 的网格(Rally 网格扩展的网格)不支持复选框列。开箱即用的最接近的东西是 bool 列:

http://docs.sencha.com/ext-js/4-1/#!/api/Ext.grid.column.Boolean

这是因为网格要求您必须单击单元格才能启动编辑，并且无需执行该操作即可立即编辑复选框列。

鉴于此，我认为您应该能够通过简单地在列配置中为该列指定渲染器来渲染复选框列。当值发生变化时，将它们从网格中取出可能会有点困难，因为这些值不会被提交到存储中的基础记录(因为没有触发实际的编辑)。

这里还有一个用户提交的 CheckColumn，您可以使用它或至少作为入门示例:
http://docs.sencha.com/ext-js/4-1/source/CheckColumn.html#Ext-ux-CheckColumn