0

我有一个输入字段和一个包含相同代码和相同部分刷新的按钮，该按钮可以正常工作并进行部分刷新，但是在输入字段中输入“enter”时会完全刷新。

我究竟做错了什么

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">

    <xp:text escape="true" id="computedField1"
        value="#{javascript:@Now()}">
        <xp:this.converter>
            <xp:convertDateTime type="both"></xp:convertDateTime>
        </xp:this.converter>
    </xp:text>
    <xp:panel id="ref">

    <xp:inputText id="inputText8" style="width:142.0px">
        <xp:this.attrs>
            <xp:attr name="placeholder" value="Sök produkter"></xp:attr>
        </xp:this.attrs>
        <xp:eventHandler event="onkeydown" submit="true"
            refreshMode="partial" refreshId="ref" execMode="partial"
            execId="ref">
            <xp:this.action><![CDATA[#{javascript:try{
    viewScope.sq = getComponent("inputText8").getValue();
}catch(e){
    doLog(e,this)
}}]]></xp:this.action>
            <xp:this.script><![CDATA[var k = thisEvent.keyCode;
if (k == 13) {
  return true;
}else{
  return false;
}]]></xp:this.script>
        </xp:eventHandler>
    </xp:inputText>
    <xp:button value="Sök" id="button1">
        <xp:eventHandler event="onclick" submit="true"
            refreshMode="partial" refreshId="ref" execMode="partial" execId="ref">
            <xp:this.action><![CDATA[#{javascript:try{
    viewScope.sq = getComponent("inputText8").getValue();
}catch(e){
    doLog(e,this)
}}]]></xp:this.action>
        </xp:eventHandler></xp:button>
    </xp:panel>
    <xp:br></xp:br>

</xp:view>

顺便说一句：onkeypress、onkeyup 和 onkeydown 的工作方式相同

更新解决方案

if(thisEvent.keyCode == 13) {
    thisEvent.preventDefault();
    return true;
}else{
    return false;
}
4

1 回答 1

1

当我尝试重现您的场景时，ajax 请求紧随其后的是表单提交，导致整页刷新。这应该有助于：

<xp:this.script><![CDATA[
    event.preventDefault();
    var k = thisEvent.keyCode;
    if (k == 13) {
        return true;
    }else{
        return false;
    }]]>
</xp:this.script>
于 2018-09-07T10:25:27.793 回答