Как перебрать два массива в одном интерфейсе: повторить? - PullRequest
Новая
       5

Как перебрать два массива в одном интерфейсе: повторить?

1 голос
/ 02 августа 2011

Мне нужно вставить значение в атрибут 'title', но мне интересно, как это сделать, должно быть что-то вроде: 

<ui:repeat //..>
    <h:graphicImage library="images" name="#{image}" title="#{title}" />
</ui:repeat>

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

<!-- calling the component -->
<cs:small_slider images="products/eletricity.jpg,products/water.jpg" >

<!-- the component with dynamic rendering -->
<cc:interface>
    <cc:attribute name="images" type="java.lang.String" required="true" />
</cc:interface>

<cc:implementation>
    <div id="slider-container">
        <div id="slider-small">
            <ui:repeat value="#{fn:split(cc.attrs.images, ',')}" var="image">
                <h:graphicImage library="images" name="#{image}" />
            </ui:repeat>
        </div>
    </div>
</cc:implementation>

Есть идеи?

1 Ответ

3 голосов
/ 02 августа 2011

Если связанные элементы обоих массивов имеют одинаковый индекс массива, вы можете просто получить к ним доступ по индексу текущего цикла одного из массивов, который доступен varStatus из <ui:repeat>.

Использование: 

<cs:small_slider 
    images="products/eletricity.jpg,products/water.jpg" 
    titles="Electicity,Water"
/>

Композитный компонент: 

<cc:interface>
    <cc:attribute name="images" type="java.lang.String" required="true" />
    <cc:attribute name="titles" type="java.lang.String" required="true" />
</cc:interface>

<cc:implementation>
    <ui:param name="images" value="#{fn:split(cc.attrs.images, ',')}" />
    <ui:param name="titles" value="#{fn:split(cc.attrs.titles, ',')}" />

    <div id="slider-container">
        <div id="slider-small">
            <ui:repeat value="#{images}" var="image" varStatus="loop">
                <h:graphicImage library="images" name="#{image}" title="#{titles[loop.index]}" />
            </ui:repeat>
        </div>
    </div>
</cc:implementation>
...