var comboxWithTree = new Ext.form.ComboBox({
store:new Ext.data.SimpleStore({fields:[],data:[[]]}),
editable:false,
shadow:false,
mode: 'local',
triggerAction:'all',
maxHeight: 200,
tpl: '<tpl for="."><div style="height:200px"><div id="tree1"></div></div></tpl>',
selectedClass:'',
onSelect:Ext.emptyFn
});
var tree1 = new Ext.tree.TreePanel({
loader: new Tree.TreeLoader({dataUrl:'get-nodes.php'}),
border:false,
root:new Ext.tree.AsyncTreeNode({text: 'treeRoot',id:'0'})
});
tree1.on('click',function(node){
comboxWithTree.setValue(node.text);
comboxWithTree.collapse();
});
comboxWithTree.on('expand',function(){
tree1.render('tree1');
});
comboxWithTree.render('comboxWithTree');
2. 下拉树形面板例子
var comboxWithPanel = new Ext.form.ComboBox({
store:new Ext.data.SimpleStore({fields:[],data:[[]]}),
editable:false,
mode: 'local',
triggerAction:'all',
maxHeight: 200,
tpl: '<div style="height:200px"><div id="panel"></div></div>',
selectedClass:'',
onSelect:Ext.emptyFn
});
comboxWithPanel.render('comboxWithPanel');
var tree2 = new Ext.tree.TreePanel({
loader: new Ext.tree.DWRTreeLoader({dwrCall:Tmplt.getTmpltTree}),
border:false,
autoScroll:true,
root:new Ext.tree.AsyncTreeNode({text: 'root',id:'0'})
});
var border = new Ext.Panel({
title:'title',
layout:'fit',
border:false,
height :200,
tbar:[{text:'ok1'},'-',new Ext.form.TextField({id: 'bb',width:60}),{text:'search1'}],
bbar:[{text:'ok2'},'-',new Ext.form.TextField({id: 'aa',width:60}),{text:'search2'}],
items: tree2
});
comboxWithPanel.on('expand',function(){
border.render('panel');
});
分享到:
相关推荐
网上的一个silverlight的树形下拉控件,改成wpf使用的了,希望对各位有所帮助。
NULL 博文链接:https://dengli19881102.iteye.com/blog/1046190
ext,ext combobox,ext二级联动,ext combobox二级联动 ___本人的原则:上传好东西,但绝不便宜.因为自己的心血 ext combobox二级联动,ext ,ext combobox,combobox,combobox二级联动,ext 二级联动 groupCombo.on('...
WPF 在listview中如何实现Combobox的下拉菜单绑定Demo C# WPF ListView
delphi 控件开发 eidt,combobox下拉tree,自动级联查询parent
用EXT来实现下拉框ComboBox 下拉框可以实现分页
改变combobox的下拉高度
flex实现 ComboBox中下拉checkbox 经测试好用,还有可移动面板,和可改大小面板实例
一款非常实用的combobox的第三方控件,可以实现让其combobox下拉出TreeView,且可以对TreeView进行相关的选择,且只能选择树形数据中的最底层数据,选择后的数据的所有父节点也都相应的递归显示出来。非常实用,忘对...
全部代码 注意路径 博文链接:https://avs110.iteye.com/blog/1156428
功能:extjs4 下拉菜单树 combobox+tree 支持单选多选等 收集两款,仅需要1分。
继承自C# Winform中ComboBox的下拉多选控件,操作简单,效果非常好 1、多选。 2、可绑定List,DataTable,Dictionary类型的数据源。 3、在下拉列表中可显示自定义的多列数据。 4、可在下拉列表中通过输入关键字,...
在DataGridView控件中加入ComboBox下拉列表框的实现
NULL 博文链接:https://tianhengbao.iteye.com/blog/816208
C# 自定义ComboBox实现下拉任意组件 示例源码