[2.x] ComboBox Tree

[xiexueze]

Hi all:

here I have two examples about the comboBox, the first with a tree, the second with a panel, exactly with what you want

First example:

	
       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');

second example:

	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');
  	});
	

[jsakalos]

Any demo? Or a screenshot at least? Otherwise I don't know if it is "exactly what I want"

[xiexueze]

here are the pictures of the two examples

[jsakalos]

Thanks for pictures. Interesting. I have no immediate use for it but it's good to know that this extension exists and that we can use it when the situation comes.

Thank you for your work.

[Pagebaker]

Nice I'll need something like this in the near future, looks like it still needs some finetuning, but nice work!

[infinit]

Great, but how to set the params to submit ? e.g. I need to submit the selected category_id and category_name; and when loading data, the comboboxtree can be populated with the existing data?

Appreicate for your help.

[wasp]

I need the same - sending the id, not the name and prefilling it with data.

For the first - my dirty solution was hidden field, for the second - i still haven't found solution yet.

[6epcepk]

Thanks for ux!
But how I can modify .bmp ux files?
Thx.

[galdaka]

Go Advanced => Manage attachments

But... Is posible live demo? If you don

[6epcepk]

galdaka,
And what I must see there?
(If your answer for me.)