CooliteToolkit学习笔记：常用控件TreePanel.docVIP

 HYPERLINK /AndySong/archive/2009/10/31/1593618.html Coolite Toolkit学习笔记七：常用控件TreePanel ??????Coolite Toolkit中的Tree控件和Menu控件一样不能独立使用，他们必须依托与容器控件，理所当然Tree控件就依托于TreePanel 控件了。TreePanel 提供了很多的集合属性，可用来定制非常丰富的切功能强大的树型界面。????????????????????????从上图中可看出，TreePanel提供了许多的集合属性，包括事件、数据加载、按扭、自定义配置、根节点、工具栏、顶部和底部工具栏等等很多功能点。比如我们可以使用TopBar来定制一个树的顶部工具栏，如下代码片段： ext:TreePanel?ID=tPanel?runat=server?Height=300?Title=树控件学习?????Icon=BookOpen?Width=180????TopBar????????ext:Toolbar?runat=server????????????Items????????????????ext:Button?runat=server?Text=全部展开?Icon=ArrowOut????????????????????Listeners????????????????????????Click?Handler=#{tPanel}.expandAll();?/????????????????????/Listeners????????????????/ext:Button????????????????ext:Button?runat=server?Text=全部折叠?Icon=ArrowIn????????????????????Listeners????????????????????????Click?Handler=#{tPanel}.collapseAll();?/????????????????????/Listeners????????????????/ext:Button????????????/Items????????/ext:Toolbar????/TopBar/ext:TreePanel ????????????如上通过html标签的方式使用TreePanel的TopBar定义好了一个树的顶部工具栏，并实现了其单击的客户端事件，通过点击相应的按扭可实现树的折叠和展开功能。??树通常都是有根节点的，我们可以使用Root属性来定义树的根节点，在一棵树中，其根其实也是一个节点，根下的有子节点集合和子节点等这样的类型结构，如下定义了一个根节点下有多个子节点的示例： ext:TreePanel?ID=tPanel?runat=server?Height=300?Title=树控件学习?????Icon=BookOpen?Width=180????TopBar????????ext:Toolbar?runat=server????????????Items????????????????ext:Button?runat=server?Text=全部展开?Icon=ArrowOut????????????????????Listeners????????????????????????Click?Handler=#{tPanel}.expandAll();?/????????????????????/Listeners????????????????/ext:Button????????????????ext:Button?runat=server?Text=全部折叠?Icon=ArrowIn????????????????????Listeners????????????????????????Click?Handler=#{tPanel}.collapseAll();?/????????????????????/Listeners????????????????/ext:Button????????????/Items????????/ext:Toolbar????/TopBar????Root????????ext:TreeNode?Text=歌曲列表?Expandable=True????????????Nodes????????????????ext:TreeNode?Text=一生有你?Icon=Music?/????????????????ext:TreeNode?Text=擦肩而过?Icon=