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