且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

在多行和多列中显示多张照片并重复

更新时间:2023-02-03 07:45:34

当你决定创建一个 表格 包含三列 每三张图片结束并开始一个表格行.每当新的表格行开始时,将 </tr><tr> 添加到呈现的 HTML 中.当 indexVar i 为 3、6、9 等时就是这种情况.

As you decided to create a table with three columns finish and start a table row every three pictures. Add </tr><tr> to rendered HTML whenever a new table row shall start. That is the case when indexVar i is 3, 6, 9, and so on.

使用内容类型为 HTML 的计算字段添加 </tr><tr> 标记并使用呈现条件

Add the </tr><tr> tags with a computed field of content type HTML and use the rendered condition

(i > 0) && (i%3 == 0)

您的代码如下所示:

<xp:table>
    <xp:tr>
        <xp:repeat
            id="picturesRpt"
            value="#{dsvListePhoto}"
            indexVar="i"
            var="picture"
            rows="1000">
            <xp:text escape="false">
                <xp:this.rendered><![CDATA[#{javascript:
                    (i > 0) && (i%3 == 0)   }]]></xp:this.rendered>
                <xp:this.value><![CDATA[#{javascript:
                    "</tr><tr>"             }]]></xp:this.value>
            </xp:text>
            <xp:td>
                ... picture ...
            </xp:td>
        </xp:repeat>
    </xp:tr>
</xp:table>