Sencha Touch单选按钮

Question

我正在尝试找一个如何在Sencha Touch中设置一些简单的单选按钮的示例。任何人都能指出一个很好的例子吗？

Answer 1

你可以试试..

this.viewOne = new Ext.form.FormPanel({
    text: 'Form',
    iconCls: 'bookmarks',
    items: [
      {
        xtype:'radiofield,
        name: 'radiogroup',
        value: 'A',
        label: 'radio1'
      },{
        xtype:'radiofield,
        name: 'radiogroup',
        value: 'B',
        label: 'radio2'
      }
    ]
  });

Answer 2

kitchennsink演示有一个关于用户体验的广播示例 - ＆gt;形式示例。这是表格的“最喜欢的颜色”。另外，Radio扩展了Checkbox，所以如果你能找到Checkbox的例子，那就相似了。

Radio documentation here

主要的是给一个组中的每个Radio以相同的名称，如下所示：

this.viewOne = new Ext.form.FormPanel({
    text: 'Form',
    iconCls: 'bookmarks',
    items: [
      new Ext.form.Radio({
        name: 'radiogroup',
        value: 'A',
        label: 'radio1'
      }), new Ext.form.Radio({
        name: 'radiogroup',
        value: 'B',
        label: 'radio2'
      })
    ]
  });