如何设计sencha单选按钮

时间:2013-03-13 08:10:23

标签: sencha-touch radio-button sencha-touch-2

我知道如何在sencha中创建单选按钮,但我想知道“如何设计下面的单选按钮

enter image description here

1 个答案:

答案 0 :(得分:1)

这就是我所做的,几乎是我得到了它。

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'
        }
    ]
});