combobox下拉树,网上有好多,都说很好用,但为什么我搞下来以后,下拉框点击以后可以看到一颗树,但是想展开或者收缩树的时候,combobox的下拉列表就不见了,缩回去了。然后再点下拉,再搞

解决方案 »

  1.   

    <script type="text/javascript">
    Ext.onReady(function(){ var comboxWithTree = new Ext.form.ComboBox({ 
    store:new Ext.data.SimpleStore({fields:[],data:[[]]}), 
    editable:false, 
    mode: 'local', 
    triggerAction:'all', 
    maxHeight: 200, 
    tpl: "<div id='tree'>", 
    selectedClass:'', 
    onSelect:Ext.emptyFn 
    }); 
    var root=new Ext.tree.TreeNode({text:"root"});

    var node2=new Ext.tree.TreeNode({text:"根节点2"});

    var node3=new Ext.tree.TreeNode({text:"根节点3"});

    var node4=new Ext.tree.TreeNode({text:"根节点4"});

    var node1=new Ext.tree.TreeNode({text:"根节点1"});

    node2.appendChild(node3);

    node2.appendChild(node4);

    root.appendChild(node2);

    root.appendChild(node1);

    var tree=new Ext.tree.TreePanel({

    border:false,  width:150,

    height:720,
    el:"tree"

    });

    tree.setRootNode(root);

    tree.on('click',function(node){ 
    comboxWithTree.setValue(node.text); 
    comboxWithTree.collapse(); 
    Ext.fly("hidden").dom.value="2434";
    alert(Ext.fly("hidden").dom.value);
    }); 
    comboxWithTree.on('expand',function(){ 
    tree.render('tree');
    tree.expandAll(); 
    }); 

    comboxWithTree.render('comboxWithTree'); 
     
    });ext是3.3的
    <body>
    <div id="comboxWithTree"></div>
    </body>