extjs 4.1将动态组合框转换为动态放射组

时间:2012-05-14 21:42:00

标签: extjs extjs4

在用户角色[id,name]存储中加载后,我可以轻松创建以下表单字段,该字段动态填充角色下拉列表(用户,管理员,...)

{
    xtype: 'combobox',
    name: 'roleIds',
    queryMode: 'local',
    pinList: false,
    fieldLabel: 'Role',
    store: 'Roles',
    displayField: 'name',
    valueField: 'id',
    allowBlank: false
}

这很好但是将这个变成一个无线电组需要什么样的正确步骤?编辑记录时如何确保选择了正确的单选按钮?当表单为空并创建新用户时,如何指定默认值?

由于

1 个答案:

答案 0 :(得分:1)

这基本上非常相似。最后你需要有这样的东西:

{
    xtype: 'radiogroup',
    fieldLabel: 'Two Columns',
    // Arrange radio buttons into two columns, distributed vertically
    columns: 2,
    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' }
    ]
}

因此,在从服务器接收数据后,执行一个简单的循环并创建项目数组(每个项目为Ext.form.field.Radio,然后创建一个无线电组并传入此数组。