ExtJS .net版Coolite控件TabPanel使用，如：TabPanel动态添加效果(3)

Code
<ext:ScriptManager ID="ScriptManager1" runat="server">
    <Listeners>
        <DocumentReady Handler="addToTabPanel();" />
    </Listeners>
</ext:ScriptManager>
<script type="text/javascript">
    function addToTabPanel() {
        tabPanel.addTab(myTreePanel);
    }
</script>
<ext:TreePanel ID="myTreePanel" runat="server" Title="音乐播放" Width="160">
    <Root>
        <ext:TreeNode Text="歌曲列表" Expandable="True" Icon="Cd">
            <Nodes>
                <ext:TreeNode Text="水木年华" Icon="Music">
                    <Nodes>
                        <ext:TreeNode Text="一生有你" Icon="ControlPlay" />
                        <ext:TreeNode Text="完美世界" Icon="ControlPlay" />
                    </Nodes>
                </ext:TreeNode>
                <ext:TreeNode Text="宇桐非" Icon="Music">
                    <Nodes>
                        <ext:TreeNode Text="擦肩而过" Icon="ControlPlay" />
                        <ext:TreeNode Text="不要放弃" Icon="ControlPlay" />
                    </Nodes>
                </ext:TreeNode>
                <ext:TreeNode Text="寂寞在唱歌" Icon="Music">
                    <Nodes>
                        <ext:TreeNode Text="阿桑" Icon="ControlPlay" />
                    </Nodes>
                </ext:TreeNode>
                <ext:TreeNode Text="徐誉滕" Icon="Music">
                    <Nodes>
                        <ext:TreeNode Text="等一分钟" Icon="ControlPlay" />
                    </Nodes>
                </ext:TreeNode>
                <ext:TreeNode Text="马天宇" Icon="Music">
                    <Nodes>
                        <ext:TreeNode Text="依然在一起" Icon="ControlPlay" HrefTarget="http://www.baidu.com" />
                    </Nodes>
                </ext:TreeNode>
            </Nodes>
        </ext:TreeNode>
    </Root>
</ext:TreePanel>

                   

      本文就简单介绍于此，更多、更高、更高级、更适用的应用需要大家的努力挖掘，欢迎广大朋友排砖指正，相互交流学习。