sencha touch RadioGroup не работает

Правильно ли работает RadioGroup в сенча тач? Пример :

    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);

Это вызывает следующую ошибку: [ERR] C2008: Требование не имеет соответствующих файлов (Ext.form.RadioGroup) -- C:\xampp\htdocs\testRadio\app.js:17:30.

У кого-нибудь есть идея, я пытался обновить app.json (не работает), также я искал RadioGroup.js в touch/src/form/, но не нашел.


sencha-cmd sencha-touch-2
person lionnie hans    schedule 25.03.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

У Sencha нет поля радиогруппы, у него есть только радиополе.

обратитесь к этому. http://docs-origin.sencha.com/touch/2.4/2.4.1-apidocs/#!/api/Ext.field.Radio

для реализации Radio group дайте одно и то же имя всем полям 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'
    }
 ]
});
person Amar1989    schedule 27.03.2015