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

最新推荐文章于 2020-12-24 05:26:01 发布

XiangZhiLiu

最新推荐文章于 2020-12-24 05:26:01 发布

阅读量2.8k

点赞数

分类专栏： extJs 文章标签： ext autoload function border tree

本文链接：https://blog.csdn.net/XiangZhiLiu/article/details/6437699

版权

本文展示了如何在ExtJS中创建一个ComboBox，其下拉列表内包含树形结构。通过定义TreeLoader获取数据源，并配置TreePanel与ComboBoxTree，实现了下拉树的选择功能。当需要重新加载数据时，只需调用TreePanel的root.reload()方法。

摘要由CSDN通过智能技术生成

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 = n