在用户角色[id,name]存储中加载后,我可以轻松创建以下表单字段,该字段动态填充角色下拉列表(用户,管理员,...)
{
xtype: 'combobox',
name: 'roleIds',
queryMode: 'local',
pinList: false,
fieldLabel: 'Role',
store: 'Roles',
displayField: 'name',
valueField: 'id',
allowBlank: false
}
这很好但是将这个变成一个无线电组需要什么样的正确步骤?编辑记录时如何确保选择了正确的单选按钮?当表单为空并创建新用户时,如何指定默认值?
由于
答案 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
,然后创建一个无线电组并传入此数组。