添加一個按鈕到一個表響應內置SSJS

我創建一個響應使用重複控制的引導表，它工作正常，但現在我想添加一個按鈕相關的每一行。我有這個工作，如果我只是使用重複控制，但不是表響應。我使用帶有HTML輸出的計算字段構建表格行值，並且這種方法一直運行，直到我開始添加按鈕。我可以在代碼中添加一個<button></button>，但是當我使用<xp:button></xp:button>時，它不能正確顯示。我使用這個代碼來構建錶行：添加一個按鈕到一個表響應內置SSJS

rtn = "<tr><td align='center'><xp:button value='remove' id='button1' ></xp:button></td><td>" + expPayDate +"</td><td>" + actualPayDate + "</td><td align='right'>" + amount + "</td><td align='center'>" + paymentID + "</td></tr>"

然後我有一個相當廣泛的onClick事件，也是一個渲染公式，變得非常繁瑣進入主代碼。我有按鈕工作時，我只是格式化和重複控制行數據，但從使用點我想有一個表響應。有沒有辦法使這項工作，以及更好的方式來建立錶行。

來源

2015-08-28 Bill F

當你是一把錘子時，一切都看起來像一顆釘子！當我陷入某種方式（通常是最困難的）時，我討厭它，並且不斷地用頭撞牆，直到筋疲力盡，然後我退後一步，重新思考這個過程。無論如何，答案其實很簡單。這裏是什麼樣子：

這裏是「源代碼」添加代碼的一個短版，其中指出：

<div class="row" style="width:600px"> 
     <xp:panel id="panelRepeatData"> 
      <xp:this.data> 
       <xp:dominoView var="vwCollection"> 
        **** Define your view datasource here 
             </xp:dominoView> 
      </xp:this.data> 
      <div class="table-responsive"> 

       <table class="table table-bordered table-condensed " style="width:550px"> 
        <thead> 
         <tr style="background-color:#d9fff0"> 
          <th>Remove</th> 
          <th>Est Pay Date</th> 
          <th>Actual Pay Date</th> 
          <th>Payment Amount</th> 
          <th>Payment ID</th> 
         </tr> 
        </thead> 
        <tbody> 
         <xp:repeat id="repeatData" rows="10" value="#{vwCollection}" 
          var="veData" indexVar="rIndex"> 
          <div class="row"><!-- rowRepeat --> 
           <xp:text escape="false" id="tableRowstart"> 
            <xp:this.value><![CDATA[#{javascript:if (rIndex % 2){ 
    return "<tr style='background-color:#fofaff'><td>" 
}else{ 
    return "<tr style='background-color:#fff19a'><td>" 
}}]]></xp:this.value> 
           </xp:text> 
           <xp:button id="button1" styleClass="btn btn-sm btn-danger"> 
            <span class="glyphicon glyphicon-remove"> 
            </span> 
            ****define your button rendering and Event handling 
           </xp:button> 
           <xp:text escape="false" id="tableRowData"> 
            <xp:this.value><![CDATA[#{javascript: 
                  **** Define and format values for output 
     return "</td><td align='center'>" + expDate + "</td><td align='center'>" + actualPayDate + "</td><td align='right'>" + amount + "</td><td>" + veData.getColumnValue("PaymentID") + "</td></tr>" 
}]]> 
            </xp:this.value> 
           </xp:text> 
          </div><!-- rowRepeat --> 
         </xp:repeat> 
        </tbody> 
       </table> 
      </div><!-- table-reponsive --> 
     </xp:panel> 
    </div>

來源

2015-08-29 16:30:56

添加一個按鈕到一個表響應內置SSJS

回答

相關問題