1

为篇幅道歉。我正在玩花哨的输入法，我遇到了一个我无法解释的问题。我找到了修复，但修复没有意义，所以我想知道是否有人可以查看我的示例并解释发生了什么，以及它是否是某种错误？我已经剥离了大部分功能来提供一个简单的示例来演示。

场景： 我有一个文本框，带有精美的预输入。除此之外，我还有一个按钮可以将新找到的值附加到第二个字段中。我使用第二个字段来驱动显示迄今为止选择的所有值的重复控件。下面的代码

结果： 要对此进行测试，请在字段中键入“ab”，然后选择任何选项，然后单击“添加”链接。如您所料，重复显示 (, abcd)。测试 2，重复该过程两次。重复将显示 (, abcd, ab, abcd)。出于某种原因，“ab”被添加到第二个字段中。第三个测试——输入ab，选择一个选项，添加。输入“bc”，选择一个选项，添加。键入 cd，但不是选择选项，而是单击保存按钮。然后重复显示 (, abcd, bc, abce, cd)。我根本无法解释。

解决方法： 要使其正常工作，我可以将链接的刷新类型从部分更改为完整。我不知道为什么这使它起作用，但确实如此。我不知道我是否真的想这样做，但如果我必须这样做，我会的。这是一个相当复杂的表格，除非必须，否则我宁愿不进行完全刷新。

代码： 这是一个演示问题的精简 xpage：

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xc="http://www.ibm.com/xsp/custom">
    <xp:this.data>
        <xp:dominoDocument var="document1" formName="Test">
        </xp:dominoDocument>
    </xp:this.data>
    <xp:panel id="mainPanel">
        <xp:button value="Save" id="button1">
            <xp:eventHandler event="onclick" submit="true"
                refreshMode="complete">
                <xp:this.action>
                    <xp:saveDocument var="document1"></xp:saveDocument>
                </xp:this.action>
            </xp:eventHandler>
        </xp:button>
        <xp:inputText id="objName1" value="#{document1.objName}">
            <xp:typeAhead mode="full" minChars="2" valueMarkup="true"
                var="searchValue" id="typeAhead1">
                <xp:this.valueList><![CDATA[#{javascript:   //In here I usually do some searching to find a result set, but for the purposes of a test, let's just do an array
    var mapResults:java.util.TreeMap = new java.util.TreeMap();
    mapResults.put("abcd", "abcd");
    mapResults.put("abce", "abce");
    mapResults.put("abcf", "abcf");
    mapResults.put("abcg", "abcg");
    mapResults.put("abch", "abch");
    mapResults.put("abci", "abci");
    //Now format the results
    var returnList = "<ul>";
    //All results are in the TreeMap and are sorted.  Now add them to the output
    var iter:Iterator = mapResults.entrySet().iterator();
    while (iter.hasNext()) {
        var nextEntry = iter.next();
        returnList += "<li>" + nextEntry.getValue() +"</li>";
    }
    //Lastly, close off the UL tag and return
    returnList += "</ul>";
    return returnList;}]]></xp:this.valueList>
            </xp:typeAhead>
        </xp:inputText>
        <xp:link escape="true" text="Add Another Object" id="link1">
            <xp:eventHandler event="onclick" submit="true"
                refreshMode="partial" id="eventHandler1" refreshId="mainPanel">
                <xp:this.action><![CDATA[#{javascript:var currentVals = document1.getItemValueArray("addObjName");
//check for null value in first item in array - happens
//if we clear the array from the 'cross' buttons in the repeat
if (currentVals[0] == null) {
    currentVals = new Array("");
}
//get the value from the object name field and whack it on the end
var newValue = getComponent("objName1").getValue();
//Put the value into a test field so we can prove that the value wasn't added below
document1.replaceItemValue("test1", newValue);
//Now add it to the field - where is the search text coming from?
currentVals.push(newValue);
document1.replaceItemValue("addObjName", currentVals);
getComponent("objName1").setValue("");
}]]></xp:this.action>
            </xp:eventHandler>
        </xp:link>
        <xp:repeat id="repeat1" rows="30" var="rowData" indexVar="index"
            repeatControls="false">
            <xp:this.value><![CDATA[#{javascript:document1.getItemValueArray("addObjName")}]]></xp:this.value>
            <xp:panel tagName="div">
                <xp:link escape="true" id="link2" title="Remove from list">
                    <xp:image url="/vwicn081.gif" id="image1">
                        <xp:eventHandler event="onclick" submit="true"
                            refreshMode="partial" refreshId="mainPanel" id="eventHandler2">
                            <xp:this.action><![CDATA[#{javascript://remove an entry (string) from a list of strings (thanks to Mark Leusink)
Array.prototype.removeEntry = function( entry:String ) {
  if ( @IsNotMember(entry, this)) {
    return this;
  }
  var res = @Trim( @Replace(this, entry, "") );
  return (typeof res == "string" ? (res.length==0 ? [] : [res]) : res);
}
var oldArray:Array = document1.getItemValueArray("addObjName");
var myArray = oldArray.removeEntry(oldArray[index]);
document1.replaceItemValue("addObjName", myArray);
}]]></xp:this.action>
                        </xp:eventHandler>
                    </xp:image>
                </xp:link>
                <xp:text escape="true" id="computedField1" value="#{javascript:rowData}">
                </xp:text>
            </xp:panel>
        </xp:repeat>
        <xp:text escape="true" id="computedField2">
            <xp:this.value><![CDATA[#{javascript:"and here is what was added in the link:"}]]></xp:this.value>
        </xp:text>
        <xp:text escape="true" id="computedField3" value="#{document1.test1}">
        </xp:text>
    </xp:panel>
</xp:view>

有接盘侠吗？对此有合乎逻辑的解释，还是我应该使用我的解决方法并停止成为书呆子？

更新 使用上面的 XPage，我还可以复制以下场景：

第 1 步：在字段中输入“abc”，从选项中选择“abcd”，单击“添加”链接。都好。

第 2 步：输入“ab”然后等待，然后输入“c”，然后选择“abce”。再次添加。这将添加 ab、abc、abce。

第 3 步：输入 ab 然后等待，然后输入 c，然后不要选择选项，而是点击保存。这将添加 ab、abc - 即使尚未单击链接以将值添加到第二个字段。

第 4 步：输入 ab，等待，输入 c，选择“abcf”并单击“添加”。这次只添加了 abcf。

我试图在下面与斯文的回答相协调。部分更新有效，所以我知道他是对的。在上面的第 2 步中，我认为预输入代码执行了两次，每次触发链接的 onClick 事件，最后运行链接的 onClick 事件。第 3 步中的类似情况 - 在该示例中根本没有点击链接，但 onClick 代码仍在运行。在第 4 步中，保存后，typeahead 执行了两次，但这次它没有执行 onClick 代码。

现在我想我明白了，即使我不喜欢它。正如 Sven 所说， $$xspsubmitid 标识了将数据提交到服务器的元素 - 在最后一个提交操作中。因此，在这种情况下，它会记住先前的提交状态并重复该状态 - 因此，当您在简单保存后立即执行此操作时，您不会获得任何额外的代码，但是当您在链接中的事件之后执行此操作时，它会提交以与链接相同的方式访问页面 - 使用 onClick 代码完成。

这样做可能是一件好事，但我的头很痛，问题解决了！谢谢斯文！

4

1 回答 1

2

更新字段/数组的值是您的预输入。在输入框中键入第二个或更多字符时，输入框中的当前数据将发送到服务器，这会更新文档中的值。单击链接时，将再次添加该值。

编辑： 您可以通过将预先输入的模式更改为“部分”来解决此问题

编辑2： typeahed的刷新模式之间的区别在于数据如何发送到服务器：在完全刷新的情况下，数据通过POST请求发送，在部分刷新的情况下，数据发送为一个GET请求。

让我们看一下不同的 HTTP 请求：

1.) 部分模式

部分模式/HTTP GET

2.) 完整模式

完整模式/HTTP POST

正如您在两张图片中看到的那样，在完整模式下，有更多“字段”发送到服务器。有趣的是$$xspsubmitid：目前它是空的。但只要我们点击链接，该字段就会被链接的 id 填充：

已点击链接

$$xspsubmitid标识向服务器提交数据的元素。在这种情况下链接，服务器处理链接的代码。

现在出现了在完整模式下预输入的问题： 在此处输入图像描述

如您所见，$$xspsubmitid始终添加到 POST 请求中，这就是服务器为每个预先输入请求执行链接的单击事件的原因。

于 2013-09-13T08:36:28.143 回答