最近在EXTJS4.2开发项目,radiogroup的用法,主要是和grid之间的编辑功能;看了好多资料都不对,特此在这里备注记录
代码如下,
1.这是一段Win窗体上的两个单选按钮,设置单选按钮都是选择“是”
a、
{ xtype: 'fieldcontainer', layout: 'hbox', defaults: { flex: 1 }, items: [{ xtype: 'radiogroup', fieldLabel: '手机验证', width: 100, items: [ { boxLabel: '是', name: 'PhoneValidate', inputValue: 'true', checked: true }, { boxLabel: '否', name: 'PhoneValidate', inputValue: 'false' } ] }, { xtype: 'radiogroup', fieldLabel: '邮箱验证', width: 100, items: [ { boxLabel: '是', name: 'EmailValidate', inputValue: 'true', checked: true }, { boxLabel: '否', name: 'EmailValidate', inputValue: 'false', } ] } ] }
b、错误代码:
2.grid 行操作代码:
{ header: '操作', xtype: 'actioncolumn', width: 100, items: [{ //这里直接通过URL设置图标 icon: '/Resources/Images/16x16/blue16_020.gif', tooltip: '编辑', //这里是图标的点击事件 //参数中有点击行的record , 所以很方便做处理 handler: function (grid, rowIndex, colIndex) { update(); } }, ' ', { icon: '/Resources/Images/16x16/blue16_013.gif', tooltip: '删除', handler: function (grid, rowIndex, colIndex) { deleted(); } }] }
3.update() 代码片段:
function update() { var selectedData = grid.getSelectionModel().getSelection()[0].data; if (selectedData.length < 1) { Ext.MessageBox.alert('提示', '请选择要编辑的记录!'); return; } else { win.show();//这是弹出窗体 form.form.loadRecord(grid.getSelectionModel().getSelection()[0]); form.form.findField('PhoneValidate').setValue('false');//这个手机验证单选按钮 form.form.findField('EmailValidate').setValue('false');//这个邮箱验证单选按钮 } }
4.弹出效果图: