![](/img/trans.png)
[英]How do you reset an AS3 list component so that nothing is selected (NOT selectedIndex=0)
[英]Spark List SelectedIndex doesn't update
所以我的問題是,當我使用nextSlide()和prevSlide()時,selectedIndex不會更新,當我單擊兩個按鈕時會執行它們。 當我單擊列表中的元素時,SelectedIndex起作用。 我究竟做錯了什么? 我是否必須派遣一些活動? 使用按鈕有什么技巧嗎?
這是我的播放清單課程
public class Playlist extends List
{
private var dispatcher:Dispatcher;
public function Playlist()
{
super();
this.dragEnabled = true;
this.dragMoveEnabled = true;
this.dropEnabled = true;
this.allowMultipleSelection = true;
this.dispatcher = new Dispatcher();
}
public function handleSelection(event:PlaylistEvent):void
{
if (event.type == PlaylistEvent.ITEMS_SELECTED){
selectItem(event.index, event.count);
selectedIndex = event.index;
}
}
private function selectItem(index:Number, count:Number):void
{
var tempArray:Array = this.dataProvider.toArray();
var indiceVector:Vector.<int> = new Vector.<int>();
var itemVector:Vector.<Object> = new Vector.<Object>();
var n:int = 1;
for (var i:int=0;i<tempArray.length;i++){
var item:PlaylistItem = tempArray[i];
if (i<index) deselectItem(item);
else if (i<index+count) {
item.Selected=true;
indiceVector[count-n] = i;
itemVector[count-n++] = item;
}
else deselectItem(item);
}
selectedItems = itemVector;
selectedIndices = indiceVector;
}
private function deselectItem(item:PlaylistItem):void
{
item.Selected = false;
}
public function nextSlide():void
{
if (dataProvider.length == 0) return;
var index:int = selectedIndex;
if (index < 0) {
var event1:PlaylistEvent = new PlaylistEvent(PlaylistEvent.ITEMS_SELECTED, 0, 1);
dispatcher.dispatchEvent(event1);
return;
}
var item:PlaylistItem = PlaylistItem(dataProvider.getItemAt(index));
if (index < dataProvider.length-1) {
trace("going to index", index+1);
var event:PlaylistEvent = new PlaylistEvent(PlaylistEvent.ITEMS_SELECTED, index+1, 1);
dispatcher.dispatchEvent(event);
return;
}
}
public function previousSlide():void
{
if (dataProvider.length == 0) return;
var index:int = selectedIndex;
if (index < 0) {
var event1:PlaylistEvent = new PlaylistEvent(PlaylistEvent.ITEMS_SELECTED, 0, 1);
dispatcher.dispatchEvent(event1);
return;
}
var item:PlaylistItem = PlaylistItem(dataProvider.getItemAt(index));
if (index > 0) {
var event:PlaylistEvent = new PlaylistEvent(PlaylistEvent.ITEMS_SELECTED, index-1, 1);
dispatcher.dispatchEvent(event);
return;
}
}
}
}
這是我的同伴EventMap
<?xml version="1.0" encoding="utf-8"?>
<mate:EventMap xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:mate="http://mate.asfusion.com/"
xmlns:air="de.websector.mate.extensions.air.*">
<fx:Script>
<![CDATA[
import components.Playlist;
import events.PlaylistEvent;
import mx.controls.Alert;
import mx.events.*;
import mx.logging.*;
import mx.logging.Log;
import spark.components.Application;
private var logger:ILogger;
private function initLogger():void{
logger = Log.getLogger("MainEventMap");
trace("started init maineventmap");
}
]]>
</fx:Script>
<fx:Declarations>
<mate:EventHandlers type="{FlexEvent.APPLICATION_COMPLETE}">
<mate:InlineInvoker method="initLogger"/>
<mate:ObjectBuilder generator="{MainManager}"/>
<mate:EventAnnouncer type="{InitEvent.SYSTEM_INIT_COMPLETE}" />
</mate:EventHandlers>
<mate:Injectors target="{Playlist}">
<mate:PropertyInjector targetKey="dataProvider" source="{MainManager}" sourceKey="playlistItems" />
</mate:Injectors>
<mate:Injectors target="{MainManager}">
<mate:PropertyInjector targetKey="playlist" source="{Playlist}" />
</mate:Injectors>
<!-- Playlist events! __________________________________________________________________________________________________-->
<mate:EventHandlers type="{PlaylistEvent.ITEMS_SELECTED}">
<mate:MethodInvoker generator="{Playlist}" method="handleSelection" arguments="{event}" />
</mate:EventHandlers>
</fx:Declarations>
</mate:EventMap>
Mate無法使用對其事件總線的引用來填充您的私有調度程序變量,因此事件映射永遠不會“聽到”您在其上調度的事件,並且無法調用您的方法。
這似乎是在同一組件上調用方法的一種愚蠢的方式,並且我認為這表明您知道應該以某種方式分離邏輯。 我的建議是,您有一個包含數據提供者和selectedIndex的Presentation Model,並插入對此的引用。 然后,您的列表將綁定到dataprovider和selectedIndex。 pm可以偵聽總線上的事件以維護selectedIndex,也可以直接從View組件對其進行操作。
這樣,當您意識到要在其中包含按鈕的List子類有點麻煩時,可以附加新的Group子類,其中在其中包含一個List和按鈕是沒有問題的。
有關如何正確注入事件總線(方便地顯示如何使用PM)的示例,請訪問http://www.developria.com/2010/05/refactoring-with-mate.html 。 您似乎在了解事件總線方面有了一個良好的開端,但是您可能希望通過查看http://www.developria.com/2010/05/pass-the-eventdispatcher-pleas來獲得更多詳細信息。 .html 。
正如有人在#Flex(irc://irc.freenode.net/flex)上指出的那樣,錯誤是使用MethodInvoker,因為它構造了該類的新實例,然后在該實例上運行handleSelection方法。 我通過將播放列表實例注入EventMap並使用InlineInvoker解決了此問題。
<mate:EventHandlers type="{PlaylistEvent.ITEMS_SELECTED}">
<mate:InlineInvoker method="{playlist.handleSelection}" arguments="{event}" />
</mate:EventHandlers>
因此,問題出在配合框架的使用上,而不是Flex或數據綁定或事件調度中。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.