TreePanel的创建与应用(2)
来源:互联网 发布:淘宝店铺在哪实名认证 编辑:程序博客网 时间:2024/06/05 17:51
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TreePanelTest2.aspx.cs" Inherits="TreePanelTest2" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Multi Node TreePanel built using markup - Coolite Toolkit Examples</title>
<link href="../../../../resources/css/examples.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server" />
<h1>
Multi Node TreePanel built using markup</h1>
<ext:TreePanel ID="TreePanel1" runat="server" Width="300" Height="450" Icon="BookOpen"
Title="Catalog" AutoScroll="true">
<TopBar>
<ext:Toolbar ID="ToolBar1" runat="server">
<Items>
<ext:Button ID="Button1" runat="server" Text="Expand All">
<Listeners>
<Click Handler="#{TreePanel1}.expandAll();" />
</Listeners>
</ext:Button>
<ext:Button ID="Button2" runat="server" Text="Collapse All">
<Listeners>
<Click Handler="#{TreePanel1}.collapseAll();" />
</Listeners>
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
<Root>
<ext:TreeNode Text="Composers" Expanded="true">
<Nodes>
<ext:TreeNode Text="Beethoven" Icon="UserGray">
<Nodes>
<ext:TreeNode Text="Concertos">
<Nodes>
<ext:TreeNode Text="No. 1 - C" Icon="Music" />
<ext:TreeNode Text="No. 2 - B-Flat Major" Icon="Music" />
<ext:TreeNode Text="No. 3 - C Minor" Icon="Music" />
<ext:TreeNode Text="No. 4 - G Major" Icon="Music" />
<ext:TreeNode Text="No. 5 - E-Flat Major" Icon="Music" />
</Nodes>
</ext:TreeNode>
<ext:TreeNode Text="Quartets">
<Nodes>
<ext:TreeNode Text="Six String Quartets" Icon="Music" />
<ext:TreeNode Text="Three String Quartets" Icon="Music" />
<ext:TreeNode Text="Grosse Fugue for String Quartets" Icon="Music" />
</Nodes>
</ext:TreeNode>
<ext:TreeNode Text="Sonatas">
<Nodes>
<ext:TreeNode Text="Sonata in A Minor" Icon="Music" />
<ext:TreeNode Text="sonata in F Major" Icon="Music" />
</Nodes>
</ext:TreeNode>
<ext:TreeNode Text="Symphonies">
<Nodes>
<ext:TreeNode Text="No. 1 - C Major" Icon="Music" />
<ext:TreeNode Text="No. 2 - D Major" Icon="Music" />
<ext:TreeNode Text="No. 3 - E-Flat Major" Icon="Music" />
<ext:TreeNode Text="No. 4 - B-Flat Major" Icon="Music" />
<ext:TreeNode Text="No. 5 - C Minor" Icon="Music" />
<ext:TreeNode Text="No. 6 - F Major" Icon="Music" />
<ext:TreeNode Text="No. 7 - A Major" Icon="Music" />
<ext:TreeNode Text="No. 8 - F Major" Icon="Music" />
<ext:TreeNode Text="No. 9 - D Minor" Icon="Music" />
</Nodes>
</ext:TreeNode>
</Nodes>
</ext:TreeNode>
<ext:TreeNode Text="Brahms" Icon="UserGray">
<Nodes>
<ext:TreeNode Text="Concertos">
<Nodes>
<ext:TreeNode Text="Violin Concerto" Icon="Music" />
<ext:TreeNode Text="Double Concerto - A Minor" Icon="Music" />
<ext:TreeNode Text="Piano Concerto No. 1 - D Minor" Icon="Music" />
<ext:TreeNode Text="Piano Concerto No. 2 - B-Flat Major" Icon="Music" />
</Nodes>
</ext:TreeNode>
<ext:TreeNode Text="Quartets">
<Nodes>
<ext:TreeNode Text="Piano Quartet No. 1 - G Minor" Icon="Music" />
<ext:TreeNode Text="Piano Quartet No. 2 - A Major" Icon="Music" />
<ext:TreeNode Text="Piano Quartet No. 3 - C Minor" Icon="Music" />
<ext:TreeNode Text="Piano Quartet No. 3 - B-Flat Minor" Icon="Music" />
</Nodes>
</ext:TreeNode>
<ext:TreeNode Text="Sonatas">
<Nodes>
<ext:TreeNode Text="Two Sonatas for Clarinet - F Minor" Icon="Music" />
<ext:TreeNode Text="Two Sonatas for Clarinet - E-Flat Major" Icon="Music" />
</Nodes>
</ext:TreeNode>
<ext:TreeNode Text="Symphonies">
<Nodes>
<ext:TreeNode Text="No. 1 - C Minor" Icon="Music" />
<ext:TreeNode Text="No. 2 - D Minor" Icon="Music" />
<ext:TreeNode Text="No. 3 - F Major" Icon="Music" />
<ext:TreeNode Text="No. 4 - E Minor" Icon="Music" />
</Nodes>
</ext:TreeNode>
</Nodes>
</ext:TreeNode>
<ext:TreeNode Text="Mozart" Icon="UserGray">
<Nodes>
<ext:TreeNode Text="Concertos">
<Nodes>
<ext:TreeNode Text="Piano Concerto No. 12" Icon="Music" />
<ext:TreeNode Text="Piano Concerto No. 17" Icon="Music" />
<ext:TreeNode Text="Clarinet Concerto" Icon="Music" />
<ext:TreeNode Text="Violin Concerto No. 5" Icon="Music" />
<ext:TreeNode Text="Violin Concerto No. 4" Icon="Music" />
</Nodes>
</ext:TreeNode>
</Nodes>
</ext:TreeNode>
</Nodes>
</ext:TreeNode>
</Root>
<BottomBar>
<ext:StatusBar ID="StatusBar1" runat="server" AutoClear="1500" />
</BottomBar>
<Listeners>
<%--<Expand Handler="#{StatusBar1}.setStatus({text: 'Node Selected: <b>' + node.text + '</b>', clear: true});" />--%>
<Click Handler="#{StatusBar1}.setStatus({text: 'Node Selected: <b>' + node.text + '</b>', clear: true});" />
<ExpandNode Handler="#{StatusBar1}.setStatus({text: 'Node Expanded: <b>' + node.text + '</b>', clear: true});"
Delay="30" />
<CollapseNode Handler="#{StatusBar1}.setStatus({text: 'Node Collapsed: <b>' + node.text + '</b>', clear: true});" />
</Listeners>
</ext:TreePanel>
</form>
</body>
</html>
- TreePanel的创建与应用(2)
- TreePanel的创建与应用(1)
- Extjs TreePanel的应用
- 关于树面板TreePanel的简单应用
- extjs 异步treepanel创建
- EXTJS4.0 treepanel 用法笔记~~创建简单的tree
- 层序遍历在ExtJs的TreePanel中的应用
- TreePanel异步加载及TreeNode的attributes属性应用
- 层序遍历在ExtJs的TreePanel中的应用
- 层序遍历在ExtJs的TreePanel中的应用
- extjs4.2 隐藏treePanel 的节点
- 程序包的创建与应用
- 程序包的创建与应用
- ExtJS学习笔记(三) TreePanel(2)
- ext.net treepanel 与 gridpanel 所获得的数据格式不一样
- 关于Combox和TreePanel的混用(Combox中包含TreePanel)
- 索引与视图的创建与应用
- 索引与视图的创建与应用
- 自然数形式系统的实验1
- 如何使用 Netsh.exe 工具和命令行开关
- 自然数形式系统的实验2
- linux小技巧集锦
- 怎么安装mapinfo破解和符号库
- TreePanel的创建与应用(2)
- Android禁止横屏竖屏切换
- Oracle 常用字典表查询
- maven 学习内容整理
- 大家好
- 解决C++代码单元测试中的难题-不可验证和IO调用
- N卡和A卡各型号参数对比收集
- iframe 刷新 实现iframe之间刷新
- FreeBSD的make