EXTJS 4.2 资料 控件之radiogroup 的用法
最近在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.弹出效果图:
我的小鱼你醒了,
还认识早晨吗?
昨夜你曾经说,
愿夜幕永不开启。
初吻吻别的那个季节,
不是已经哭过了吗?
你的香腮边轻轻滑落的,
是你的泪,还是我的泪。
我的指尖还记忆著,
你慌乱的心跳。
温润的体香里,
那一缕长髮飘飘。
——青青树 《魁拔》
交流群:ASP.NET交流群(2群) 58189568
ExtJs4.2交流群(3群)97869295