extjs2.0 ie8 下拉树_extjs2下拉树选项框comboxWithTree(支持异步加载子节点）

extjs版本：2.2

简介：支持单选、异步加载子节点(当然一下子拼接好全部节点的json也是绝对没问题的)，要支持多选则需要自行设置，(已测试通过)浏览器兼容ie8、谷歌、FF。

资料参考：搜索一下“ext2 下拉树”，应该有一大堆内容代码介绍完全一样的博文，下面代码就是取自那堆“原创”的博文，不能说明出处，望原作者见谅。本代码在那个基础上有较好的修改：1、修改tree的lorder使tree支持异步加载子节点；2、使下拉树由多选转为单选。

代码如下：/区域下拉树(ext2)

var comboxWithTree = new Ext.form.ComboBox({

fieldLabel:'区域',

id:'zonename', //hiddenName:'zonename',

displayField:'code',valueField:'value',mode:'local',

store:new Ext.data.SimpleStore({fields:[],data:[[]]}),

editable:false,

shadow:false,

triggerAction:'all',

maxHeight: 200,

anchor:'98%',

tpl:"

});

var treelorder = new Ext.tree.TreeLoader({

dataUrl : fullpath+'/systemextend/UserZoneAction!listUserZoneTree4combo.do'

});

treelorder.on("beforeload",function(treeloader,node){ treelorder.baseParams.comboTreeid = node.attributes.id; },treelorder);

var tree4combox = new Ext.tree.TreePanel({

border : true,

rootVisible : true,

root : {

text:'全国',

id:'-1',

expanded : true

loader : treelorder

});

tree4combox.on('click',function(node){ //点击选中

comboxWithTree.setValue(node.text);

comboxWithTree.collapse();

});

tree4combox.on('checkchange',function(node,checked ){ //勾选复选框选中并清空复选框

if(checked==true){

node.getUI().toggleCheck(false);

comboxWithTree.setValue(node.text);

comboxWithTree.collapse();

}

});

comboxWithTree.on('expand',function(){

tree4combox.render('tree4combox');

});

由最代码官方编辑于2016-4-30 10:21:37

extjs2.0 ie8 下拉树_extjs2下拉树选项框comboxWithTree(支持异步加载子节点）相关推荐

【elementUI】el-tree搜索时加载子节点对应父节点、父节点对应子节点树
官网给的例子只能搜索树形图中与关键字匹配的级别: <el-inputplaceholder="输入关键字进行过滤"v-model="filterText" ...
java jsp 页面下拉框 ajax异步加载数库数据
全面详细的新手下拉框数据显示.web项目中难免用到下拉框异步加载数据的情况.这里分享一个.使用的是jquery的ajax异步加载后台数据.后台使用java语言. 1,先看效果,下拉框如下: 2.获取值 ...
android webview 5.0httt,Android5.0开始，WebView默认情况下，不支持同时加载Https和Http混合模式...
随笔--可能会遇到的问题,记录一下知识储备: 从Android5.0以后,当一个安全的站点(https)去加载一个非安全的站点(http)时,需要配置Webview加载内容的混合模式,一共有如下三种 ...
SSH框架下 ajax 实现异步加载的案例
ajax代码 function search(current_page) {var startTime = $("#time1").val();var status = ($(&q ...
ajax实现向上正在加载,向上滚动或者向下滚动分页异步加载数据(Ajax + lazyload)
/**** desc : 分页异步获取列表数据,页面向上滚动时候加载前面页码,向下滚动时加载后面页码 ajaxdata_url ajax异步的URL 如data.php page_val_name a ...
小车yolo机械臂（一）ros下gazebo搭建小车（可键盘控制）安装摄像头仿真加载yolo检测识别标记物体
ros下gazebo搭建小车(可键盘控制)安装摄像头仿真加载yolo检测识别标记物体目录总览一,项目代码下载二,ros下实现darknet_ros(YOLO V3)检测 2.1 编译整个项目 ...
学习下ECharts 异步加载数据
ECharts 通常数据设置在 setOption 中,如果我们需要异步加载数据,可以配合 jQuery等工具,在异步获取数据后通过 setOption 填入数据和配置项就行. ECharts 通常数 ...
vue-iview异步加载渲染树
<Tree v-show="curType=='archive'" :data="archiveTree" :load-data="loadDa ...
Fabric 1.0源代码分析(32)Peer #peer根命令入口及加载子命令
# Fabric 1.0源代码笔记之 Peer #peer根命令入口及加载子命令 ## 1.加载环境变量配置和配置文件 Fabric支持通过环境变量对部分配置进行更新,如:CORE_LOGGING_ ...

extjs2.0 ie8 下拉树_extjs2下拉树选项框comboxWithTree(支持异步加载子节点）

extjs2.0 ie8 下拉树_extjs2下拉树选项框comboxWithTree(支持异步加载子节点）相关推荐

最新文章

热门文章