Блог

Мне нужно создать слайд-шоу, используя данные, полученные из другого представления.

Я вызываю просмотр слайд-шоу следующим образом:

 <s:List id = "list" dataProvider = "{actions}"
change = "navigator.pushView (DetailsProduct, list.selectedItem) ">
<s:itemRenderer>
<fx:Component>
<s:MobileIconItemRenderer
labelField = "title"
messageField = "description"
decoratorClass = "{data.icon}">
</s:MobileIconItemRenderer>
</fx:Component>
</s:itemRenderer>
</s:List>
  

Я думаю, проблема во времени отправки параметра, потому что я передаю выбранный элемент и должен передать весь список.

И другая проблема заключается в представлении, я могу видеть объект, полученный вне списка, но не внутри него.

С помощью этого кода объект появляется, но кнопки «Назад» и «Вперед» не работают.

 <s:List id = "myList"
     dataProvider = "{actions}">
</s:List>

<s:Image source="{data.icon}"/>
<s:Label text="{data.title}"/>
<s:Label text="{data.description}"/>

<s:HGroup>
<s:Button label="Forward" click="imgForward(event)"/>
<s:Button label="Back" click="imgBack(event)"/>
</s:hgroup>
  

И этот код ничего не показывает, даже объект вызывается таким же образом.

 <s:List id = "myList"
     dataProvider = "{actions}">
         <s:itemRenderer>
     <fx:Component>
     <s:ItemRenderer>
         <s:Image source="{data.icon}"/>
         <s:Label text="{data.title}"/>
         <s:Label text="{data.description}"/>
     </s:ItemRenderer>
     </fx:Component>
     </s:itemRenderer>
</s:List>

<s:HGroup>
     <s:Button label="Forward" click="imgForward(event)"/>
     <s:Button label="Back" click="imgBack(event)"/>
</s:hgroup>
  

Я действительно не понимаю, чего вы пытаетесь достичь. Свойство data определено в интерфейсе IDataRenderer.

Когда компонент используется в качестве средства визуализации, элемент данных, который представляет экземпляр компонента, передается в средство визуализации с использованием свойства data.

Вы не определили количественно, что означает «работает или «не работает», поэтому я не уверен, каково ваше желаемое поведение, и почему одно неверно, а другое нет. В вашем первом примере я бы не ожидал, что свойство data будет иметь какое-либо значение:

 <s:List id="myList"
    creationComplete="criaLista(event)"
    dataProvider="{actions}">
</s:List>

<s:Image source="{data.icon}"/>
<s:Label text="{data.title}"/>
<s:Label text="{data.description}"/>
  

Я не уверен, что содержит dataProvider, но если он содержит объекты, я бы ожидал, что что-то будет отображаться в списке. Я бы ожидал, что изображение и метки не будут отображать визуальные элементы, потому что свойство data, скорее всего, равно null. Если вы хотите сослаться на элемент, выбранный в списке, вместо доступа к данным, вы могли бы получить доступ к чему-то вроде этого:

 <s:Image source="{myList.selectedItem.icon}"/>
<s:Label text="{myList.selectedItem.title}"/>
<s:Label text="{myList.selectedItem.description}"/>
  

Он использует свойство SelectedItem из экземпляра списка для изменения отображаемых элементов.

В вашем втором примере, где вы создаете ItemRenderer, я бы ожидал, что это сработает:

 <s:List id="myList"
    creationComplete="criaLista(event)"
    dataProvider="{actions}">
        <s:itemRenderer>
    <fx:Component>
    <s:ItemRenderer>
        <s:Image source="{data.icon}"/>
        <s:Label text="{data.title}"/>
        <s:Label text="{data.description}"/>
    </s:ItemRenderer>
    </fx:Component>
    </s:itemRenderer>
</s:List>
  

Однако ItemRenderer ничего не делает для позиционирования изображения или двух меток, поэтому я бы ожидал, что они будут наложены друг на друга, что, вероятно, нежелательное поведение. Вы можете задать значения X и Y для их изменения.

Если вы хотите подробнее рассказать о конкретных проблемах; почему ваш первый образец «работает», а второй нет, пожалуйста, сделайте это.