目的: 实现radioGroup内的 radio 的动态生成 数据库中radio的数据改动后页面也自动修该,不用再次修改程序
//动态绑定RadioGroup
RadioGroup : function(_name,fLable,itemName,_columns){
//同步获取数据字典数据
var conn = Ext.lib.Ajax.getConnectionObject().conn;
conn.open("get", __ctxPath + '/system/loadDictionary.do?itemName='+itemName,false);
conn.send(null);
// 成功状态码为200
var _items = null;
if (conn.status == "200") {
_items = Ext.util.JSON.decode(conn.responseText);
}
//动态绑定
var rg = new Ext.form.RadioGroup({
name:_name,
id : _name,
listeners :{ //开票项目选中时,清空手工填写的开票项目
'valid':function(){
if (_name == 'tykpxm') Ext.getCmp('tykpxmqt').reset();
if (_name == 'jaykpxm') Ext.getCmp('jaykpxmqt').reset();
if (_name == 'hwysykpxm') Ext.getCmp('hwysykpxmqt').reset();
}
},
fieldLabel:fLable
});
if(_columns!=null)
rg.columns = _columns;
var items = new Array();
if(_items !=null){
for(var i = 0 ;i<_items.length; i++)
{
items[i] = {};
items[i].name = _name;
items[i].boxLabel = _items[i];
items[i].inputValue = _items[i];
items[i].hideLabel =true;
// if(_items[i].length > 2)
// items[i].checked = _items[i];
}
}
rg.setItems(items);
return rg;
},
radio的属性值是通过数据字典来维护的,下面为取数的代码
conn.open("get", __ctxPath + '/system/loadDictionary.do?itemName='+itemName,false);
checkboxgroup 动态生成的原理是一样的。
If you have any questions, please send email to wahaha603@gmial.com
分享到:
相关推荐
在探讨Extjs3.0中CheckboxGroup动态添加item的问题之前,首先要了解Extjs3.0的CheckboxGroup组件。CheckboxGroup允许用户在一个组合框内选择多个选项,与单选按钮组RadioGroup相反,它是多个复选框的集合。然而,与...
重写 代码如下: //解决...field){ this.items.each(function(f){ if(f.isXType(‘radiogroup’)||f.isXType(‘checkboxgroup’)){ f.items.each(function(c){ if(c.isFormField && (c.dataIndex == id || c.id ==
- `CheckboxGroup`:复选框组,允许用户从多个复选框中选择一项或多项。 - `ComboBox`:下拉列表框,提供一个可展开的选项列表供用户选择。 - `DateField`:时间框,让用户选择日期或时间。 - `HtmlEditor`:富...
16. checkboxgroup - xtype: 'checkboxgroup', 描述: 编组的多选框(Since 2.2) 17. displayfield - xtype: 'displayfield', 描述: 仅显示,不校验/不被提交的文本框 18. radiogroup - xtype: 'radiogroup', 描述: ...
- **复选框组 (`Ext.form.field.CheckboxGroup`)**:一组复选框。 - **单选按钮组 (`Ext.form.field.RadioGroup`)**:一组单选按钮。 - **下拉组合框 (`Ext.form.field.ComboBox`)**:结合列表和输入框的功能。 ...
4.1.8 Ext.form.CheckboxGroup和Ext.form.RadioGroup 4.1.9 Ext.form.field.Trigger触发字段 4.1.10 Ext.form.field.Spinner微调字段 4.1.11 Ext.form.field.Picker拾取器字段 4.1.12 Ext.form.field.ComboBox...
- `Ext.form.CheckboxGroup` 和 `Ext.form.RadioGroup`:用于组合复选框和单选框。 - `Ext.form.field.Trigger`:触发字段,常用于下拉搜索框。 - `Ext.form.field.Spinner`:用于数字的微调。 - `Ext.form....
在Extjs中,使用`checkboxgroup`组件: ```javascript { xtype: 'checkboxgroup', name: 'hobbies', fieldLabel: '兴趣爱好', items: [ { boxLabel: '阅读', name: 'hobbies', inputValue: 'reading' }, { ...
- `formcomponents`: `form`, `checkbox`, `checkboxgroup`, `combo`, `datefield`, `displayfield`, `field`, `fieldset`, `hidden`, `htmleditor`, `label`, `numberfield`, `radio`, `radiogroup`, `textarea`, `...
- `checkboxgroup`:`Ext.form.CheckboxGroup`,自2.2版本起,用于组织多个多选框的组件。 - `displayfield`:`Ext.form.DisplayField`,只读显示,不参与验证和提交的文本字段。 - `radiogroup`:`Ext.form....
- 表单控件:FormPanel可以包含各种表单元素,如文本框`textfield`、密码框`passwordfield`、选择框`checkbox`、复选框组`checkboxgroup`、单选框`radiogroup`、下拉框`combobox`、日期选择器`datefield`等。...
- `checkboxgroup`: 多选框组,用于管理一组关联的多选框。 - `displayfield`: 只读字段,用于显示信息,不能编辑。 - `radiogroup`: 单选按钮组,用于管理一组关联的单选按钮。 6. **图表组件**(只列出部分)...
- `checkboxgroup`: `Ext.form.CheckboxGroup` - `combo`: `Ext.form.ComboBox` - `datefield`: `Ext.form.DateField` - `displayfield`: `Ext.form.DisplayField` - `field`: `Ext.form.Field` - `fieldset`:...
对于数组,你可以使用`checkboxgroup`、`radiogroup`或其他重复字段来表示。例如: ```javascript items: [{ xtype: 'fieldset', title: 'Nested Data', items: [{ xtype: 'textfield', fieldLabel: 'Nested ...
**Ext.form.CheckboxGroup** - **描述**: 编组的多选框,可以同时管理多个多选框。 - **用途**: 创建一组相关联的多选框,如兴趣爱好选择。 **Ext.form.DisplayField** - **描述**: 仅显示,不校验/不被提交的...