xpages按钮-是否可以在事件运行时更改文本或项目?

xpages按钮-是否可以在事件运行时更改文本或项目?,xpages,Xpages,当onclick事件下的代码运行时(部分刷新未完成),是否可以更改元素上的文本?我们的xp:button元素也有类似的功能。我们更改文本并添加一个“旋转的轮子”,直到代码完成。在我们的功能开始时,我们改变文本和图标,代码完成后,我们恢复到原来的xp:按钮文本。 我们使用jQuery来修改button元素,基本上您也可以使用纯JavaScript(innerHTML)或dojo来修改button元素 <xp:button value="Save" id="but

当onclick事件下的代码运行时(部分刷新未完成),是否可以更改元素上的文本?

我们的xp:button元素也有类似的功能。我们更改文本并添加一个“旋转的轮子”,直到代码完成。在我们的功能开始时,我们改变文本和图标,代码完成后,我们恢复到原来的xp:按钮文本。 我们使用jQuery来修改button元素,基本上您也可以使用纯JavaScript(innerHTML)或dojo来修改button元素

<xp:button value="Save" id="button-save" xp:key="submitSave">
   <xp:eventHandler event="onclick" submit="false">
      <xp:this.script><![CDATA[submitSaveFunction();]]></xp:this.script>
   </xp:eventHandler>
</xp:button>

submitSaveFunction {
$("button[id$=button-save]").attr("disabled", "true").addClass("disabled").html('<i class="fa fa-spinner fa-pulse fa-fw"></i> Saving');
.....your code.....
$("button[id$=button-save]").removeAttr("disabled").removeClass("disabled").html('Save');
}

submitSaveFunction{
$(“按钮[id$=按钮保存])).attr(“已禁用”、“为真”).addClass(“已禁用”).html(“保存”);
……您的代码。。。。。
$(“按钮[id$=按钮保存])).removeAttr(“禁用”).removeClass(“禁用”).html(“保存”);
}

XPages的方法是使用onStart和onComplete属性(还有一个错误):



您可以使用“#{id:button1}”将按钮的id传递给函数,并使用它在CSJS中检索按钮。

您可以制作另一个按钮(隐藏)来运行部分刷新和SSJS,并在submitSaveFunction代码中“单击”它。您可以解释我应该如何实现JS部分吗?这非常好。我添加了一个脚本块:
<xp:button value="Search" id="button1">
    <xp:eventHandler event="onclick" submit="true" refreshMode="partial" 
        onStart="changeText()" onComplete="unchangeText()">
            <xp:this.action><![CDATA[#{javascript:serverFunction();}]]></xp:this.action>
    </xp:eventHandler>
</xp:button>