Пользовательская сетка с кнопкой «Радио» extjs

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 (Single Select) на RadioGrid.

Пожалуйста, обратитесь: Customized Radio Grid in Ext JS 3.4

Надеется, что это поможет.

Answer 3

У меня тоже проблема. Итак, я использовал режим singe от 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 
        }) 
....