扩展EXTJS ComboBox为上拉选择树
日期：2014-05-16 浏览次数：20371 次
扩展EXTJS ComboBox为下拉选择树
在做OECP平台的登陆页面时，需要选择相应的公司进行登陆，公司的选择是树形结构的，而extjs的下拉combobox为列表结构，为了让页面操作更加简单，决定将下拉列表改造成下拉树。
在这里主要用到了Extjs的extend的语法，扩展比较简单，直接上代码吧。
js 代码
- Ext.ns("OECP.ui");
- /**
- * 下拉列表选择树
- * <br>
- * 依赖EXTJS3版本
- * @class OECP.ui.ComboBoxTree
- * @extends Ext.form.ComboBox
- * @author yongtree
- */
- OECP.ui.ComboBoxTree = Ext.extend(Ext.form.ComboBox, {
- /**
- * 回调函数,用于传递选择的id，text属性
- *
- * @type
- */
- callback : Ext.emptyFn,
- store : new Ext.data.SimpleStore({
- fields : [],
- data : [[]]
- }),
- editable : this.editable||false,
- mode : 'local',
- emptyText : this.emptyText||"请选择",
- allowBlank : this.allowBlank||true,
- blankText : this.blankText||"必须输入!",
- triggerAction : 'all',
- maxHeight : 200,
- anchor : '95%',
- displayField : 'text',
- valueField : 'id',
- tpl : "<tpl for='.'><div style='height:200px'><div id='tree'></div></div></tpl>",
- selectedClass : '',
- onSelect : Ext.emptyFn,
- /**
- * 根的名字
- *
- * @type String
- */
- rootText : this.rootText||'root',
- /**
- * 树的请求地址
- *
- * @t
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
