Adobe Flex 4.5 Искра: связывание компонента ItemRenderer с родителем

Question

В Flex 3 ранее было возможно связать свойство компонента в itemRenderer с помощью внешнего документа. Так, например, если был образ внутри ItemRenderer, который отображается только на заданном состоянии родителя, то, как это будет работать отлично:

<mx:itemRenderer> 
<mx:Component> 
    <mx:Label text="{data}"/> 
    <mx:Image id="img" visible="{outerDocument.ShowImage}" includeInLayout="{outerDocument.ShowImage}"/> 
</mx:Component> 
</mx:itemRenderer> 

, где внешний документ (не список, но MXML список в) содержит что-то вроде

[Bindable] 
public function get ShowImage():void 
{ 
return showImage; 
} 
public function set ShowImage(val:Boolean):void 
{ 
showImage = val; 
} 

Я попытался сделать то же самое в Flex 4.5, используя Спарк визуализации элементов с использованием parentDocument, но это не кажется, чтобы быть в курсе к связыванию. Когда я делаю это в Flex 4.5, itemRenderer, похоже, не знает, когда изменяется parentDocument ShowImage.

Кто-нибудь видел эту проблему и может предложить решение?

EDIT: Добавить искровой источник В соответствии с просьбой вот мой искры источник:

MyItemRenderer.mxml

<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
       xmlns:s="library://ns.adobe.com/flex/spark" 
       xmlns:mx="library://ns.adobe.com/flex/mx"> 
<s:Label id="myLabel" text="{data}/> 
<s:Image src="something.png" visible="{parentDocument.ShowImage}" includeInLayout="{parentDocument.ShowImage}"/> 
</s:ItemRenderer> 

RendererContainer.mxml

<s:Panel xmlns:fx="http://ns.adobe.com/mxml/2009" 
     xmlns:s="library://ns.adobe.com/flex/spark" 
     xmlns:mx="library://ns.adobe.com/flex/mx"> 
<fx:Script> 
<![CDATA[ 

private var showImage:Boolean = false; 

[Bindable] 
public function set ShowImage(val:Boolean):void 
{ 
    showImage = val; 
} 
public function get ShowImage():Boolean 
{ 
    return showImage; 
} 
]]> 
    </fx:Script> 
    <!-- Content Group --> 
    <s:List id="lstCell" width="100%" height="100%" itemRenderer="MyItemRenderer">  
    </s:List> 
</s:Panel> 

ИТАК есть флажок в wrapper вне RendererContainer.mxml, который отправляет настраиваемое событие, которое обрабатывается путем изменения Bindable Boolean. Изменение этого var затем изменяет свойство ShowImage на моем компоненте RendererContainer. Я ожидал бы, что привязка тогда будет получена MyItemRenderer, но она, похоже, не работает.

Так что мой внешний обертка доступ будет ShowImage как этот

<comp:RendererContainer id="myId" ShowImage="{myCheckbox.selected}"/> 

Answer 1

Ваш добытчик, похоже, имеет возвращаемый тип недействительным. Изменить что булевы

[Bindable] 
public function get ShowImage():Boolean 
{ 
return showImage; 
} 
public function set ShowImage(val:Boolean):void 
{ 
showImage = val; 
} 

Answer 2

Я думаю, что это следует сделать трюк для вас, YourTypeHere будет класс, содержащего объекта, убедитесь, что ShowImage свойство является публичным и Привязываемым.

<mx:itemRenderer> 
    <mx:Component> 
    <mx:Script> 
     <![CDATA[ 
      import YourTypeHere; 
     ]]> 
    </mx:Script> 
     <mx:Label text="{data}"/> 
     <mx:Image id="img" 
     visible="{YourTypeHere(this.parent.ShowImage)}" 
     includeInLayout="{YourTypeHere(this.parent.ShowImage)}"/> 
    </mx:Component> 
</mx:itemRenderer> 

P.s. пожалуйста, не назовите свойства со стартовой буквой в верхнем регистре, включая геттеры, подумайте об этом showImage и о своем частном var чего-то вроде _showImage: D

Answer 3

Это поможет.

<s:Image src="something.png" visible="{RendererContainer(ListSkin(parentDocument).parentDocument).ShowImage}" includeInLayout="{RendererContainer(ListSkin(parentDocument).parentDocument).ShowImage}"/> 

Answer 4

После отлично работает:

<?xml version="1.0" encoding="utf-8"?> 
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
         xmlns:s="library://ns.adobe.com/flex/spark" 
         xmlns:mx="library://ns.adobe.com/flex/mx"> 
    <s:layout> 
     <s:VerticalLayout/> 
    </s:layout> 
    <fx:Script> 
     <![CDATA[ 
      import mx.collections.ArrayCollection; 
     ]]> 
    </fx:Script> 
    <fx:Declarations> 
     <!-- Place non-visual elements (e.g., services, value objects) here --> 
    </fx:Declarations> 
    <s:Panel xmlns:fx="http://ns.adobe.com/mxml/2009" 
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:mx="library://ns.adobe.com/flex/mx"> 
     <s:layout> 
      <s:VerticalLayout/> 
     </s:layout> 
     <fx:Script> 
      <![CDATA[ 

       private var showImage:Boolean = false; 

       [Bindable] 
       public function set ShowImage(val:Boolean):void 
       { 
        showImage = val; 
       } 
       public function get ShowImage():Boolean 
       { 
        return showImage; 
       } 
      ]]> 
     </fx:Script> 
     <s:CheckBox label="Select" change="{ShowImage = !ShowImage}"/> 
     <!-- Content Group --> 
     <s:List id="lstCell" width="100%" height="100%" dataProvider="{new ArrayCollection(['A','B'])}"> 
      <s:itemRenderer> 
       <fx:Component> 
        <s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
            xmlns:s="library://ns.adobe.com/flex/spark" 
            xmlns:mx="library://ns.adobe.com/flex/mx" 
            autoDrawBackground="true"> 
         <s:layout> 
          <s:HorizontalLayout/> 
         </s:layout> 
         <s:Label id="myLabel" text="{data}"/> 
         <s:Button label="something.png" visible="{outerDocument.ShowImage}" includeInLayout="{outerDocument.ShowImage}"/> 
        </s:ItemRenderer> 
       </fx:Component> 
      </s:itemRenderer> 
     </s:List> 
    </s:Panel> 

</s:WindowedApplication>