ExtJS3 实现异步下拉树

阅读更多

     附件中的xlTree.js 是扩展的ExtJs3  combobox Tree 应用时只需引用到页面中,基本调用如下

 

items:[{
		                xtype:'xcomboboxtree',
		                fieldLabel:'所属机构',
		                id:'departBtnID',
		                anchor:'90%',
		                text:'选择机构',
		                enableClearValue:true,//显示清除值的trigger   
		                width:120,//该域的长度  
		                listWidth:220,//下拉框的长度   
						listHeight:200,//下拉框的高度,
						tree:new Ext.tree.TreePanel({   
                            root:new Ext.tree.AsyncTreeNode({   
                               id:'0ACF1UI91S0105EB',   
                               text:'总公司'  
                            }),   
                            loader:new Ext.tree.TreeLoader({   
                  dataUrl:itemRoot+'/orgtable/orgtable_buildOrgTree.action',
                              preloadChildren:true
                            }),   
                        }),
                          listeners:{   
                            'treenodeselect':function(combotree,node){
		  	 //alert('Text:=='+node.text+'||----ID:=='+node.id);
                                combotree.setValue(node.text);   
                                combotree.setHiddenValue(node.id);   
                            }   
                        }
		            }]


  • ExtJS3 实现异步下拉树_第1张图片
  • 大小: 7.2 KB
  • xlTree.rar (4.2 KB)
  • 下载次数: 91
  • 查看图片附件

你可能感兴趣的:(ExtJS3 实现异步下拉树)