Ext comboBoxTree (完整的数据加载)--下拉列表里边是树结构

1.获取数据源

var treeLoader = new Ext.tree.TreeLoader({
dataUrl : 'buildRoleCategoryTree.do'
});
treeLoader.on("beforeload", function(treeLoader, node) {
treeLoader.baseParams.companyNo = companyNo;
});

2.创建一个TreePanel

var editComboxTreePlan = new Ext.tree.TreePanel({
animate : false,
enableDD : false,
containerScroll : true,
ddGroup : 'organizerDD',
rootVisible : true,
autoHeight : true,
autoWidth:true,
split : true,
autoScroll : false,
collapseMode : 'mini',
border : 1,
loader : treeLoader,
root : new Ext.tree.AsyncTreeNode({
id : '0',
text : '根节点',
draggable : false,
expanded : true
})
})

3.创建一个comboBoxTree

var editCombox = new Ext.ux.ComboBoxTree({
width:200,
fieldLabel:'角色类型',
loadingText:'加载中...',
allowBlack:true,
blankText:'请选择角色类型',
id:'edit_roleCateId',
hiddenId:'roleType',
hiddenName:'edit_roleCateName',
autoLoad:true,
tree:editComboxTreePlan,
selectNodeModel:'all'
});
editCombox.on('select',function(store,records,options){
document.getElementById('roleType').value = document.getElementById('edit_roleCateName').value;
});

这样这个comBox就创建好了！需要注意的是重新加载只需要editComboxTreePlan.root.reload();就ok了