sencha touch RadioGroup无法正常工作

时间:2015-03-25 15:53:03

标签: sencha-touch-2 sencha-cmd

RadioGroup在sencha touch中是否正常工作? 示例:

    var myRadioGroup = new Ext.form.RadioGroup({
        id: 'myGroup',
        xtype: 'radiogroup',
        fieldLabel: 'Single Column',
        // Arrange radio buttons into three columns, distributed vertically
        columns: 3,
        vertical: true,
        items: [
            {boxLabel: 'Item 1', name: 'rb', inputValue: '1'},
            {boxLabel: 'Item 2', name: 'rb', inputValue: '2', checked: true},
            {boxLabel: 'Item 3', name: 'rb', inputValue: '3'},
            {boxLabel: 'Item 4', name: 'rb', inputValue: '4'},
            {boxLabel: 'Item 5', name: 'rb', inputValue: '5'},
            {boxLabel: 'Item 6', name: 'rb', inputValue: '6'}
        ]
    });

    var resultsPanel = Ext.create('Ext.Panel', {
        title: 'Results',
        style:"margin:50px 0 0 10px;",
        layout: {
            type: 'vbox', // Arrange child items vertically
            align: 'stretch',//, // Each takes up full width
            padding: 55
        },
        defaults: {
            labelWidth: '85%',
            labelWrap: true,
            labelAlign: 'right'
        },
        items:[{
            xtype: 'radiogroup',
            fieldLabel: 'RadioGroup',
            items:myRadioGroup
        }]

    });

    Ext.viewport.add(resultsPanel);

这会产生以下错误: [错误] C2008:要求没有匹配的文件(Ext.form.RadioGroup) - C:\ xampp \ htdocs \ testRadio \ app.js:17:30。

有没有人有想法,我尝试更新app.json(不工作),我也在touch / src / form /中搜索了RadioGroup.js但是没找到它。

1 个答案:

答案 0 :(得分:0)

Sencha没有无线电组领域,它只有无线电领域。

参考这个。 http://docs-origin.sencha.com/touch/2.4/2.4.1-apidocs/#!/api/Ext.field.Radio

用于实现Radio组的

为所有无线电字段赋予相同的名称: 例如:

   var form = Ext.create('Ext.form.Panel', {
    fullscreen: true,
    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'
    }
 ]
});