在Panel使用柯立特台面

最常用的是他的选项卡属性，用于定义子选项卡选项。请参考下图：。

content.html的代码如下，下图是运行效果截图：复制的代码如下： html xmlns=' http://www.w3.org/1999/XHTML' head title/title style type=' text/CSS ' body { font-size :12 px；}/style/head body tab panel control learning/body/html(9501 . 163.com)。

TabPanel最灵活的选项是动态创建子标签。想知道这个创作过程的实现原理，可以参考我之前写的两篇文章(本文前面有一篇文章连接)。需要注意的是，它不能由同步事件驱动创建。一旦页面回发上所有新创建的选项卡选项都被清除。如果必须通过服务器端后台代码动态创建，可以使用Coolite Toolkit提供的AjaxEvent机制。复制的代码如下： Protected Void CreataTab _ click(对象发送方，Ajax EventTargs e) {var tab=new tab('通过AjaxEvent添加tab ')；选项卡。TabIndex=短。分析(' 11 ')；选项卡。ID=' tabID选项卡。autoLoad . URl='//www . JB 51 . net '；选项卡。自动加载。NoCache=true选项卡。自动加载。模式=加载模式。IFramethis . tab panel . tab . add(tab)；this . tabpanel . activetab=tab；} ext : button id=' btncreatetab ' runat=' server ' text='动态添加子选项卡的选项' Ajax事件clickonevent=' creattab _ click '事件掩码show mask=' true ' msg=' loading '/Click/Ajax events/ext : button个人认为，同步创建的页面总是会抖动，让人感觉不舒服。建议通过在客户端动态添加子标签选项来创建。TabPanel提供了相应的客户端API来完成这些操作。复制代码如下： ext 3360 button id=' BTC client ' runat=' server ' text=' add tab(client)' listeners click handler=' add tab(# { tab panel }，' tabcnblogs '，'//www . JB 51 . net ')；'//Listeners /ext:Button是由JavaScript方法addTab()动态创建的。这三个参数分别是TabPanel控件ID、新创建的Tab ID和新创建的Tab呈现的内容路径。复制代码如下： script type=' text/JavaScript '函数addtab (tabpanel，id，URL){ vartab=tab panel . getcomponent(id)；if(！tab){ tab=tab panel . add({ id : id，title:url，closeable3360true，autoload : { showmask : true，url3360url，mode3360' iframe '，maskmg 3360 ' loading ' })；} tabPanel.setActiveTab(选项卡)；} /script客户端创建模式为纯Ext操作模式，tabPanel提供API直接获取指定id的子Tab是否存在，该功能可以完美处理互斥创建唯一的Tab子Tab选项。

TabPanel用于处理多选项卡选项卡，大多数情况下它被用作容器。它的容器功能与面板和窗口基本相同。以上一篇文章中创建的树为例。现在，您需要在选项卡面板的子选项卡选项中显示树。可以直接调用TabPanel的客户端API方法addTab，将现有的容器类型控件添加到TabPanel，使其成为TabPanel的子选项卡。