Как перебирать вкладки в гибкой панели вкладок
-
05-07-2019 - |
Вопрос
Я гибкий новичок. Мне нужно отключить некоторые из вкладок в гибкой вкладке, указанной в конфигурации. У меня возникают проблемы при переборе вкладок в панели вкладок. Если я использую команду getChildAt (), она не отключает кнопку вкладки, а только ее содержимое, так что это бесполезно.
Спасибо и всего наилучшего, Мохит Ранка
Решение
Когда спрашиваете о коде, всегда размещайте минимальный тестовый пример. getChildAt ()
будет работать, поэтому с вашим кодом что-то еще происходит.
<mx:Script>
<![CDATA[
import mx.events.ItemClickEvent;
import mx.controls.tabBarClasses.Tab;
private function clickTab(event:ItemClickEvent):void {
var target:TabBar = event.currentTarget as TabBar;
var currTab:Tab;
var parity:int = event.index & 1;
/* disable all tabs at indices w/ same parity as clicked tab;
enable tabs of opposite parity.
*/
for (var i=0; i<target.numChildren; ++i) {
currTab = target.getChildAt(i) as Tab;
currTab.enabled = (i&1)^parity;
}
}
]]>
</mx:Script>
<mx:TabBar id="someTabs" itemClick="clickTab(event)">
<mx:dataProvider>
<mx:String>Foo</mx:String>
<mx:String>Bar</mx:String>
<mx:String>Baz</mx:String>
<mx:String>Bam</mx:String>
</mx:dataProvider>
</mx:TabBar>
Другие советы
почему бы не использовать привязку к вашей конфигурации?
что-то вроде
enabled="{yourConfiguration.lastResult.enabled}"
Для тех, кто хочет получить рабочий ответ для Flex 4.5 (возможно, также Flex 4). Я наконец-то нашел решение. Для меня это похоже на хак, но Adobe не отвечает на звонок и работает на меня. Вот упрощенный пример.
<!-- component that has the the TabBar in it... -->
<fx:Script>
<![CDATA[
//imports here
import mx.core.UIComponent;
//imports
private function setTabEnabled(index:int,enabled:Boolean):void{
var theTab:UIComponent = theTabBar.dataGroup.getElementAt(index) as UIComponent;
if(theTab){theTab.enabled = enabled;}
}
]]>
</fx:Script>
<s:TabBar id="theTabBar"
dataProvider="{viewStack}"/>
<mx:ViewStack id="viewStack">
<s:NavigatorContent label="0th Tab">
<!-- ...Content -->
</s:NavigatorContent>
<s:NavigatorContent label="1st Tab">
<!-- ...Content -->
</s:NavigatorContent>
<s:NavigatorContent label="2nd Tab">
<!-- ...Content -->
</s:NavigatorContent>
</mx:ViewStack>
<!-- rest of the component that has the the TabBar in it... -->
Затем вы просто вызываете setTabEnabled (theTabIndex, trueFalse)
в обработчике событий, который связан с тем, что решает, почему вкладка включена или нет.
Я должен расширить TabBar для поддержки этого, но я уже потратил достаточно времени, пытаясь понять это.
Happy Coding = D