我在Flex中有一个类,它通过扩展IconItemRenderer基类来创建自定义IconItemRenderer。我在列表中使用此自定义项目并听鼠标按下。根据鼠标按下的位置,我有不同的选择。其中之一是导航到不同的视图。我知道如何使用列表的更改侦听器来推送到新视图但不想实现它。鼠标单击的想法是,根据位置,我可以从列表中删除元素或打开当前元素。
对于我的生活,我找不到从IconItemRenderer中导航到新视图的方法。这是我正在使用的代码,我实现它的类和列表。
package components { import spark.components.Button; import spark.components.IconItemRenderer; import spark.utils.MultiDPIBitmapSource; public class DeleteItemRenderer extends IconItemRenderer { private var btn:Button; private var xIcon:MultiDPIBitmapSource; public function DeleteItemRenderer() { super(); super.iconWidth = super.iconHeight = 40; super.labelField = 'title'; super.decorator = "assets/delete.png"; } override public function set data(value:Object):void{ super.data = value; } override protected function layoutContents(unscaledWidth:Number, unscaledHeight:Number):void{ setElementPosition(decoratorDisplay, unscaledWidth-40, 5); setElementSize(decoratorDisplay, 40, 40); } override protected function measure():void{ measuredHeight = 50; } override protected function drawBackground(unscaledWidth:Number, unscaledHeight:Number):void{ graphics.beginFill(0xffffff); graphics.drawRect(0, 0, unscaledWidth, unscaledHeight); graphics.endFill(); decoratorDisplay.smooth = true; graphics.lineStyle(1,0xcccccc,1); graphics.drawRect(0, 0, unscaledWidth, unscaledHeight); graphics.endFill(); } } }
列表
<s:List id="survey_list" visible="true" width="98%" height="70%" contentBackgroundColor="#FFFFFF" horizontalCenter="0">
<s:itemRenderer>
<fx:Component>
<components:DeleteItemRenderer width="99.9%" height="98%" verticalAlign="top" click="detectActionPress();">
<fx:Script>
<![CDATA[
import spark.components.ViewNavigator;
import spark.components.View;
import mx.events.FlexEvent;
import mx.core.FlexGlobals;
import mx.core.UIComponent;
import spark.components.List;
private var application:UIComponent = FlexGlobals.topLevelApplication as UIComponent;
private var pressOpen:Number = application.width - 40;
//private var _navigator:ViewNavigator = FlexGlobals.topLevelApplication.navigation; //navigation is not defined uhhhh why????
private function detectActionPress():void{
var localX:Number = this.mouseX;
if(localX <= pressOpen){
engangeElement();
}
else{
deleteElement();
}
}
private function deleteElement():void{
var parentList:List = owner as List;
parentList.dataProvider.removeItemAt(parentList.dataProvider.getItemIndex(data));
trace('element removed');
}
private function engangeElement():void{
var parentList:List = owner as List;
var _test:ViewNavigator = this.parentDocument as ViewNavigator;
//this.parentApplication.navigator.pushView(views.UnfinishedSurvey, parentList.selectedItem.shortcode)
_test.pushView(views.UnfinishedSurvey, parentList.selectedItem.shortcode);
}
]]>
</fx:Script>
</components:DeleteItemRenderer>
</fx:Component>
</s:itemRenderer>
</s:List>
如何从engageElement();
推出新观点的任何想法
为什么我无法访问导航器?
由于
答案 0 :(得分:1)
通常;我建议从itemRenderer中调度一个事件。确保事件起泡。
您可以在作为itemRenderer / List的层次结构父级的类上侦听事件。
在事件处理程序中,您可以访问导航器。
我写过approaches here;这可能会提供更多细节。
还有其他方法可以做到这一点。您可以使用具有导航器实例的类,并使用某种类型的依赖性干扰(DI)框架将其注入到渲染器中。 Robotlegs和Swiz是两个支持ActionScript的框架。