如何在重複控制中獲取第n個編輯框的值？

Question

我在重複控制中有一個EditBox控件。其迭代公式爲：

return 5; 

它成功顯示4個編輯框（起始索引設置爲1）。

在SSJS中，如何獲得第n個編輯框的值？

Answer 1

您可以在編輯框的onchange事件中設置sessionScope變量（或任何範圍變量），然後在SSJS中引用sessionScope變量。以下是一些示例代碼，最下面的部分僅顯示了頁面上的sessionScope變量。

<?xml version="1.0" encoding="UTF-8"?> 

<xp:repeat id="repeat1" rows="30" value="#{javascript:5}" 
    indexVar="rptIndex"> 

    <xp:inputText id="inputText1"> 

    <xp:eventHandler event="onchange" submit="true" refreshMode="complete"> 
     <xp:this.action> 
      <xp:executeScript> 
       <xp:this.script><![CDATA[#{javascript:sessionScope['text'+rptIndex] = getComponent("inputText1").getValue()}]]></xp:this.script> 
      </xp:executeScript> 
     </xp:this.action></xp:eventHandler></xp:inputText> 

</xp:repeat> 



<xp:table styleClass="debug"> 
<xp:tr> 
<th>Variable Name</th> 
<th>Variable Content</th> 
</xp:tr> 
<xp:repeat id="varRepeat" rows="30" value="#{javascript:sessionScope.keySet();}" var="scopeData"> 
<xp:tr> 
<xp:td> 
<xp:text escape="true" id="varName" value="#{javascript:scopeData}" /> 
</xp:td> 
<xp:td> 
<xp:text escape="true" id="varValue" value="#{javascript:sessionScope.get(scopeData)}" /> 
</xp:td> 
</xp:tr> 
</xp:repeat> 
</xp:table> 
</xp:view> 

Answer 2

當您添加提交給你創造一個相當繁瑣的應用程序的onChange事件 - 可能會咬你。設定焦點的解決方案頗爲不同。首先：焦點是客戶端操作，所以您需要一個客戶端腳本，它能夠「知道哪個控件是第一個失敗。好消息是：XPages添加到服務器端驗證屬性aria-invalid = true時失敗的所有字段。 因此，您可以使用查詢該腳本的dojo.onLoad腳本，並將焦點設置爲結果的第一個成員。另請參見http://dontpanic82.blogspot.com/2011/07/xpages-styling-invalid-field.html 而對於查詢語法： http://dojotoolkit.org/reference-guide/1.7/dojo/query.html

Answer 3

重複是很有趣的事情，至少可以說。如果您查看團隊室模板mobileThread自定義控件中的示例，您會看到重複顯示回覆列表，您還會注意到很多JavaScript都會與之配合使用，例如，一個按鈕單擊時運行腳本會運行在重複中的所有按鈕上。

如果您正在尋找驗證問題，stwissel的解決方案看起來是最好的。如果這是別的東西，在某些時候，你只需要任意給定的編輯框中的值，也許你應該考慮是這樣的：

var domEl = dojo.byId(' <repeatControlId> '); 
var textBoxes = domEl.getElementsByTagName("input"); 
var certainValue = textBoxes[3].value; 

現在certainValue包含給定的編輯框的值。

還沒有嘗試過這一點，可能需要一點調整，但一般的想法應該工作，我會想。

Answer 4

添加了另一條評論，所以我可以添加代碼。

做了一個快速測試，對我來說工作正常，請參閱下面的示例。希望能幫助到你。嘗試添加一些打印輸出，看看它是否得到了每一點。

<xp:repeat id="TestRepeat" rows="100" var="rowData" 
    indexVar="commentIndex" first="0" rendered="true"> 
    <xp:this.value><![CDATA[#{javascript: 
     var dataArray = new Array(); 
     dataArray.push(" Test"); 
     dataArray.push(" Test"); 
     dataArray.push(" Test"); 
     dataArray.push(" Test"); 
     dataArray.push(" Test"); 
     return dataArray; 
    }]]></xp:this.value> 

    <xp:panel> 
     <xp:label value="Test"></xp:label> 
     <xp:inputText id="inputText1" value="Test" defaultValue="Test"> 
     </xp:inputText> 
     <xp:br></xp:br> 
    </xp:panel> 

</xp:repeat> 

<xp:button value="Test" id="button1"> 
    <xp:eventHandler event="onclick" submit="false"> 
     <xp:this.script> 
      <xp:executeClientScript> 
       <xp:this.script><![CDATA[ 
       var domEl = dojo.byId('#{id:TestRepeat}'); 
       var textBoxes = domEl.getElementsByTagName("input"); 
       alert("Value 1: " + textBoxes[0].value); 
       ]]></xp:this.script> 
      </xp:executeClientScript> 
     </xp:this.script> 
    </xp:eventHandler> 
</xp:button>