extjs - 带有单选按钮 extjs 的自定义网格

Question

我想要一个自定义网格，它在列的开头包含一个收音机。只能选择网格中的一行（也可以通过选择收音机）。

我用下面的方法来实现上面所说的，

renderer:functiom(val){
return Ext.String.format("<input type='radio' name='rowSel' value={0} />",val);
}

与 Extjs 收音机不同，这是一个 html 收音机，缺乏丰富性，同样我无法显示验证错误消息。

是否有可能使用 extjs radio 实现上述目标？

Answer 1

如果您曾在此处的 sencha 文档中看到网格示例，您会发现它用于Ext.selection.CheckBoxModel添加新的复选框列作为第一个网格列（用于多选网格）。

因为 Sencha 没有提供RadioModel（也许没有必要，因为普通网格具有相同的功能），我认为您应该编写一个新的 SelectionModel 类来扩展Ext.selection.RowModel以满足您的需要。可以参考进去的方式Ext.selection.CheckBoxModel和Ext.selection.RowModel

Answer 2

我也有问题。所以我使用了Ext.grid.RowSelectionModel这样的单一模式。

{
                    margin: '10 0 0 0',
                    xtype: 'grid',
                    minHeight: 100,
                    layout: 'fit',
                    frame: true,
                    resizable: true,
                    itemId: 'previewGrid',
                    selModel: selModel = new Ext.grid.RowSelectionModel({
                        singleSelect : true
                    })
....

Answer 3

您还可以将 Ext JS 3.4 CheckboxGrid（单选）自定义为 RadioGrid。

请参考：Ext JS 3.4 中的自定义 Radio Grid

希望这会帮助你。