Question

我想要一个自定义网格，其中包含列开头的广播。只能选择网格中的一行（通过选择无线电也是如此）。

我用以下方法来实现上述说法，

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

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

是否有可能使用extjs无线电来实现上述目标？

Answer 1

如果你曾见过sencha doc here中的网格示例，你会发现它使用Ext.selection.CheckBoxModel添加一个新的复选框列作为第一个网格列（用于多选网格）。

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

中引用该方式

Answer 2

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

请参阅：Customized Radio Grid in Ext JS 3.4

希望这会对你有所帮助。

Answer 3

我也有问题。所以我使用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
                    })
....

自定义网格与单选按钮extjs

3 个答案: