2014-09-11 28 views
2

我想在几个行3列在一个窗口中显示照片。显示在多个行和列的多张照片有重复

图像1图像2图像3

图像4图像5 image6

image7 image8图像9

image10图像11 image12

其实我觉得把照片1,2和3,其余的是后面的照片3但不可见......

图像1图像2图像3 [图像4图像5 image6 image7 ....]

这是我的代码:

<xp:table> 
       <xp:tr> 
       <xp:repeat id="picturesRpt" value="#{dsvListePhoto}" 
        indexVar="i" var="picture" rows="3" > 

        <xp:panel> 
         <xp:this.data> 
          <xp:dominoDocument var="pictureDoc" 
           action="openDocument" 
           documentId="#{javascript:picture.getUniversalID()}" 
           ignoreRequestParams="true"> 
          </xp:dominoDocument> 
         </xp:this.data> 

         <xp:div> 
          <xp:td> 
          <xp:div styleClass="listePhotos"> 
           <xp:div>            
             <xp:image id="image1"> 
              <xp:this.url><![CDATA[#{javascript: "http://monserveur/devpt/Xpages/xphoto/PhotoWeb.nsf/" + compositeData.vueUtilisee + "/" + pictureDoc.getDocument().getUniversalID() + "/$File/TIMBRE_image.jpg?OpenElement"}]]></xp:this.url> 
             </xp:image> 
             <xp:text 
              value="#{pictureDoc.Titre}" /> 
                     <xp:br></xp:br> 
           </xp:div> 
           <xp:div> 
            <xp:text 
             value="#{pictureDoc.IdNiveau1}/#{pictureDoc.IdNiveau2}" /> 
           </xp:div> 

         </xp:div> 
        </xp:panel>     

       </xp:repeat> 
       </xp:tr> 
       </xp:table> 

的想法? 感谢您的帮助!

回答

1

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

enter image description here

添加</tr><tr>标签与内容类型HTML的计算字段,并使用所呈现的状态

(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> 
1

使用@Modulo或其他一些数学工具通过3摸出一个除法的余数,让你来计算是否添加计算文本,增加了一个“”或“”标记。

我与在重复两列我与迈克McGarel IBM连接2013届的类固醇页上的类似演示。幻灯片和演示数据库的链接位于我的博客文章的底部,位于YouTube视频下方http://www.intec.co.uk/session-slides-and-sample-database-from-ibm-connect/

它也作为TLCC网络研讨会提供,但我无法找到链接。从尼克拉斯Heidloff的博客,它看起来像视频拍摄http://heidloff.net/home.nsf/dx/16.04.2013093214NHEAUQ.htm

+0

抱歉,我不t找到了这个例子。你说我使用模,好吧,我明白,但之后如何在代码中添加“”? – sissi49 2014-09-11 09:54:08

+0

下面是链接直接下载http://www.intec.co.uk/session-slides-and-sample-database-from-ibm-connect/bp206-twelve-tasks/。计算字段控件允许您输入任何文本,包括HTML。 – 2014-09-11 11:57:46