Как создать радиокнопку сенча

Я знаю, как создать переключатель в sencha, но я хочу знать, «как создать переключатель, как показано ниже»

введите описание изображения здесь


radio-button sencha-touch sencha-touch-2
person Viswa    schedule 13.03.2013    source источник
comment
С помощью CSS. Кроме того, эти радиокнопки были бы немного малы для сенсорного устройства.   -  person Titouan de Bailleul    schedule 13.03.2013
comment
почему бы не использовать средство выбора вместо переключателей? Как сказал @TDeBailleul, 4 радиокнопки не подходят правильно, если ширина устройства меньше.   -  person SachinGutte    schedule 13.03.2013
comment
Это приложение для Android-планшета   -  person Viswa    schedule 13.03.2013
comment
Это не то, что я имел ввиду. Я больше думал о размере области нажатия: stackoverflow.com/questions/1928991/   -  person Titouan de Bailleul    schedule 13.03.2013

Ответы (1)


arrow_upward
1
arrow_downward

Это то, что я сделал, почти понял.

Ext.create('Ext.form.Panel', {
    fullscreen: true,

    layout: 'hbox',
    defaults: {
           labelWidth: '50%',
           labelAlign: 'right'
     },

    items: [
        {
            xtype: 'radiofield',
            name : 'color',
            value: 'red',
            label: 'Red',
            checked: true
        },
        {
            xtype: 'radiofield',
            name : 'color',
            value: 'green',
            label: 'Green'
        },
        {
            xtype: 'radiofield',
            name : 'color',
            value: 'blue',
            label: 'Blue'
        }
    ]
});
person Viswa    schedule 13.03.2013