3.17.在TabNavigator內(nèi)創(chuàng)建、啟用和禁用TAB組件(TabControls)

2024-04-27 13:51:50

字體：大中小

供稿：網(wǎng)友

3.17.1 問題
我們需要從TabNavigator 動態(tài)添加和移除tab 項，或者偶爾禁用某些tab 項。
3.17.2 解決辦法
使用TabNavigator 的addChild 和removeChild 方法添加或者移除子組件，同時設(shè)置子組件的enabled 屬性來啟用或者禁用TabNavigator 里的某個tab 項。
3.17.3 討論
所有添加到TabNavigator 中的子組件，都會在TabNavigator 頂部的導(dǎo)航條添加一個新tab項。同樣移除子組件的時候也會自動移除對應(yīng)的tab 項。通過綁定TabNavigator 的dataProvider 屬性也能行得通。

dataProvider 的所有改變都會引起TabNavigator 更新及其頂部導(dǎo)航條子組件的增加或者減少。這里，組件內(nèi)創(chuàng)建了訪問方法以提供對TabNavigator控件的訪問：

-XML

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400"
height="300">
<mx:Script>
<![CDATA[
import mx.core.UIComponent;
public function
addChildToNavigator(value:UIComponent):void
{
navigator.addChild(value);
}
public function removeNavigatorChild(value:int =
0):void
{
if(value == 0){
navigator.removeChildAt(navigator.numChildren-1);
}eelse
{
navigator.removeChildAt(value);
}
}
public function disableTab(value:int = 0):void{
if(value == 0){
(navigator.getChildAt(navigator.numChildren - 1)
as UIComponent).enabled = false;
}e
else
{
(navigator.getChildAt(value) as
UIComponent).enabled = false;
}
}
public function get tabNumChildren():Number{
return navigator.numChildren;
}

]]>
</mx:Script>
<mx:TabNavigator id="navigator">
</mx:TabNavigator>
</mx:Canvas>