Ext.onReady(function(){ Ext.QuickTips.init(); //定义根节点 var root = new Ext.tree.TreeNode({id:1,text:'根节点'}); var level_1_1 = new Ext.tree.TreeNode({id:2,text:'一级_1'}); var level_1_2 = new Ext.tree.TreeNode({id:3,text:'一级_2'}); var level_2_1 = new Ext.tree.TreeNode({id:4,text:'二级_1'}); var level_2_2 = new Ext.tree.TreeNode({id:5,text:'二级_2'}); var level_2_3 = new Ext.tree.TreeNode({id:6,text:'二级_3'}); var level_3_1 = new Ext.tree.TreeNode({id:7,text:'三级_1'}); var level_3_2 = new Ext.tree.TreeNode({id:8,text:'三级_2'}); var level_3_3 = new Ext.tree.TreeNode({id:9,text:'三级_3'}); root.appendChild([level_1_1,level_1_2]); level_1_1.appendChild([level_2_1,level_2_2,level_2_3]); level_2_3.appendChild([level_3_1,level_3_2,level_3_3]); //定义TreePanel var tree = new Ext.tree.TreePanel({ title:'树', width:200, height:300, //lines:false, //不显示连接线 bbar:[{ text:'上', tooltip:'向上选择一个节点', cls:'x-btn-text-icon', handler:function(){ tree.getSelectionModel().selectPrevious(); } },{ text:'下', tooltip:'向下选择一个节点', cls:'x-btn-text-icon', handler:function(){ tree.getSelectionModel().selectNext(); } },{ text:'值', tooltip:'向获取被选择节点的显示文本值', cls:'x-btn-text-icon', handler:function(){ var selectedNode = tree.getSelectionModel().getSelectedNode(); if(selectedNode){ Ext.Msg.alert('提示',selectedNode.text); } } }] }); tree.setRootNode(root); tree.render(Ext.getBody()); tree.expandAll(); tree.on('click',function(){ var selectedNode = tree.getSelectionModel().getSelectedNode(); if(selectedNode){ Ext.Msg.alert('提示',selectedNode.id); } }); });