项目中需要用下拉树来展示数据,到网上搜了下没有想要的东西,有些是自己写的下拉树,官方的api也没有treeCombobx这样的东西,但是在extjs4源码包里面却有一个叫treePicker的东西,这正是官方提供的下拉树,但是api里面也没有使用的例子。网上也没有相关的用法,没办法,只有自己看源码慢慢摸索,好在最后终于摸索出来了。
{ xtype : 'treepicker', displayField : 'text',//这个地方也需要注意一下,这个是告诉源码tree用json数据里面的什么字段来显示,我测试出来是只能写'text'才有效果 fieldLabel : '移动到的部门', forceSelection : true,// 只能选择下拉框里面的内容 editable : false,// 不能编辑 store : deptSt //这个store必须是在controller里面动态创建出来的,如果用引入controller时加载的那种store会报错 }
配置跟combobox差不多哦,需要注意的地方就是displayField和store的字段的配置,其他都没有什么大问题
在controller里面动态创建treeStore的方法:
createTreeSt : function(url) { var store = Ext.create('Ext.data.TreeStore', { proxy : { type : 'ajax', url : url }, // 设置根节点 root : { text : '', id : 'root' } }); return store; }
这样效果就出来了,treePicker.js在extjs4的包里面就有
相关推荐
利用extjs6自带的treePicker插件,实现下拉树的效果
Extjs4下拉树菜单 ComboBoxTree 支持单选和多选并且支持展开选中指定节点的通用控件 在项目中已经成熟运用 值得收藏和运用
ExtJs4.2没有直接提供下拉树这个组件,但是有例子可以用,文件位置:ext-4.2.1.883\examples\ux\TreePicker.js 但是它有点小毛病吧:默认显示了根节点;达到最小高度时再展开节点,高度不能自动调整。 所以我做了一...
ExtJS4下拉树组件 ExtJS4下拉树组件
Extjs4多选树,支持多选和单选,能够实现默认值选中,数据存放在json,里面有明确的提示信息。很适合初学者借鉴学习
extjs4 框架实现树形结构的下拉框,并支持多选、复选,项目中开发实际用到的,这里提供了前段的js代码,大家有用到的,可以进行参考。
ExtJs4实现下拉树选择框ComboTree, 文档中包含代码。
extjs5 的treepicker控件
extjs实现的下拉树的核心代码,包括js,jsp,对有需要的同仁提供参考与学习之用
Extjs4 comboboxTree下拉树型菜单,完美支持多选、单选,绝对好用。来源于网络,稍作修改。
Extjs 下拉树 下拉多选树 支持多选 全选/全不选 下拉多选框
ExtJs3下拉树 分两种方式调用:第一种: xtype : 'combotree', name : 'dm', fieldLabel : 'dm', tree : this.ct this.ct = new Ext.tree.TreePanel({ autoScroll : true, height : 250, border : false, ...
extjs下拉树
简单的修改下Extjs 的引用路径 双击Index.html 就可以看到效果了。
extjs 树形下拉列表框,可以进行数据选择,数据回显。
自定义下拉树,你懂的,内附图和前后台源代码
功能:extjs4 下拉菜单树 combobox+tree 支持单选多选等 收集两款,仅需要1分。
Extjs4下拉菜单中用Grid显示,有单选,和多选两个控件,完美通用代码控件,绝对让你好用,值得收藏^-^
使用方法: var comb = Ext.create('Ext.ux.ComboTree',{ name:'xzqh', dicName:'test', width : 270, fieldLabel : '行政区划', url:'getDic', all:true, labelWidth : 60, multiple:true });