如何在重复控制中获取第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>