`
wahaha603
  • 浏览: 80071 次
  • 来自: 上海
社区版块
存档分类
最新评论

extjs radiogroup checkboxgroup 动态生成

阅读更多

目的: 实现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动态添加item的问题之前,首先要了解Extjs3.0的CheckboxGroup组件。CheckboxGroup允许用户在一个组合框内选择多个选项,与单选按钮组RadioGroup相反,它是多个复选框的集合。然而,与...

    ext checkboxgroup 回填数据解决

    重写 代码如下: //解决...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 ==

    ExtJs代码自动生成

    - `CheckboxGroup`:复选框组,允许用户从多个复选框中选择一项或多项。 - `ComboBox`:下拉列表框,提供一个可展开的选项列表供用户选择。 - `DateField`:时间框,让用户选择日期或时间。 - `HtmlEditor`:富...

    extjs中的xtype的所有类型介绍

    16. checkboxgroup - xtype: 'checkboxgroup', 描述: 编组的多选框(Since 2.2) 17. displayfield - xtype: 'displayfield', 描述: 仅显示,不校验/不被提交的文本框 18. radiogroup - xtype: 'radiogroup', 描述: ...

    extjs详细ppt

    - **复选框组 (`Ext.form.field.CheckboxGroup`)**:一组复选框。 - **单选按钮组 (`Ext.form.field.RadioGroup`)**:一组单选按钮。 - **下拉组合框 (`Ext.form.field.ComboBox`)**:结合列表和输入框的功能。 ...

    ExtJSWeb应用程序开发指南(第2版)

    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...

    ExtJS-3.4.0系列目录

    - `Ext.form.CheckboxGroup` 和 `Ext.form.RadioGroup`:用于组合复选框和单选框。 - `Ext.form.field.Trigger`:触发字段,常用于下拉搜索框。 - `Ext.form.field.Spinner`:用于数字的微调。 - `Ext.form....

    Extjs表单中的通用组件

    在Extjs中,使用`checkboxgroup`组件: ```javascript { xtype: 'checkboxgroup', name: 'hobbies', fieldLabel: '兴趣爱好', items: [ { boxLabel: '阅读', name: 'hobbies', inputValue: 'reading' }, { ...

    ExtJS3总结内容

    - `formcomponents`: `form`, `checkbox`, `checkboxgroup`, `combo`, `datefield`, `displayfield`, `field`, `fieldset`, `hidden`, `htmleditor`, `label`, `numberfield`, `radio`, `radiogroup`, `textarea`, `...

    ExtJs_xtype一览

    - `checkboxgroup`:`Ext.form.CheckboxGroup`,自2.2版本起,用于组织多个多选框的组件。 - `displayfield`:`Ext.form.DisplayField`,只读显示,不参与验证和提交的文本字段。 - `radiogroup`:`Ext.form....

    ExtJs使用过程中积攒的一些东西

    - 表单控件:FormPanel可以包含各种表单元素,如文本框`textfield`、密码框`passwordfield`、选择框`checkbox`、复选框组`checkboxgroup`、单选框`radiogroup`、下拉框`combobox`、日期选择器`datefield`等。...

    ExtJS的xtype列表

    - `checkboxgroup`: 多选框组,用于管理一组关联的多选框。 - `displayfield`: 只读字段,用于显示信息,不能编辑。 - `radiogroup`: 单选按钮组,用于管理一组关联的单选按钮。 6. **图表组件**(只列出部分)...

    学习ExtJS Panel常用方法

    - `checkboxgroup`: `Ext.form.CheckboxGroup` - `combo`: `Ext.form.ComboBox` - `datefield`: `Ext.form.DateField` - `displayfield`: `Ext.form.DisplayField` - `field`: `Ext.form.Field` - `fieldset`:...

    form表单加载复杂json数据

    对于数组,你可以使用`checkboxgroup`、`radiogroup`或其他重复字段来表示。例如: ```javascript items: [{ xtype: 'fieldset', title: 'Nested Data', items: [{ xtype: 'textfield', fieldLabel: 'Nested ...

    extjs控件列表

    **Ext.form.CheckboxGroup** - **描述**: 编组的多选框,可以同时管理多个多选框。 - **用途**: 创建一组相关联的多选框,如兴趣爱好选择。 **Ext.form.DisplayField** - **描述**: 仅显示,不校验/不被提交的...

Global site tag (gtag.js) - Google Analytics