Question

我在使用richfaces 4中取消CKeditor所做的更改时遇到了麻烦。

简而言之：

<form>
  ...
  <rich:popupPanel>
     <rich:editor id="#{popupID}" value="#{managedBean.value}" />
     <a4j:commandButton value="Annuleer" onclick="#{rich:component(popupID)}.hide();" />
     <a4j:commandButton value="Ok" onclick="saveEditorData();" />
  </rich:popupPanel>
  ...
</form>

当我按下[取消]（“Annuleer”）按钮时，它会关闭popuppanel并将值“提交”给bean。按[取消]时，我不希望它提交值。我觉得我错过了一些非常简单而又至关重要的功能。

如何使[取消]按钮按预期工作？

完整代码：

<rich:popupPanel
 id="#{popupID}"
 modal="true"
 autosized="true"
 resizeable="false"
 styleClass="popup-panel"
 style="z-index:202;"
 left="300"
 domElementAttachment="parent">
 <f:facet name="header">
    <h:outputText value="Text Editor " />
 </f:facet>
 <f:facet name="controls">
    <a4j:commandButton
    value="X"
    type="reset"
    id="popupAfsluiten"
    render="#{panelID}"
    styleClass="btn-afsl"
    onclick="showLoadingOverlay();#{rich:component(popupID)}.hide();"
    oncomplete="cleanOverlay();setFocus('#{rich:clientId(inputID)}');return false;"/>
 </f:facet>
 <rich:panel id="#{cc.attrs.id}TextPanel">
     <rich:editor id="textEditor" lang="nl" value="#{cc.attrs.managedBean.formField(cc.attrs.id).value}" toolbar="CustomToolbar">
        <f:facet name="config">
            toolbar_CustomToolbar:
                [
                    { name: 'document', items: [ 'Save', 'NewPage', 'Preview', 'Print'] },
                    { name: 'clipboard', items : [ 'Cut','Copy','PasteText','-','Undo','Redo' ] },
                    { name: 'editing', items : [ 'Find','Replace','-','SelectAll','-','Scayt' ] },
                    { name: 'tools', items : [ 'Maximize' ] }
                ],
            language: 'nl',
            defaultLanguage : 'nl',
            scayt_sLang : 'nl_NL',
            startupFocus: true,
            pasteFromWordPromptCleanup : true,
            pasteFromWordRemoveFontStyles : true,
            forcePasteAsPlainText : true,
            ignoreEmptyParagraph : true,
            removeFormatAttributes : true,
            removePlugins : 'elementspath',
            tabSpaces : 4,
            autoParagraph : false,
            autoUpdateElement : false,
            enterMode: Number(2)
        </f:facet>
    </rich:editor>
    <a4j:commandButton
    value="Annuleer"
    type="reset"
    id="editorCancel"
    render="#{panelID}"
    styleClass="btn-ja"
    onclick="showLoadingOverlay();#{rich:component(popupID)}.hide();"
    oncomplete="cleanOverlay();setFocus('#{rich:clientId(inputID)}');return false;"/>

    <a4j:commandButton
        value="Ok"
        type="submit"
        styleClass="btn-ja"
        id="#{inputID}Save"
        render="#{inputID}"
        onclick="saveEditorData();"
        oncomplete="setTime();" />
        <h:outputText escape="false" value="Opgeslagen om: " />
        <h:outputText escape="false" value="#{editorBean.value}" id="saveTimeOutput"/>
     </rich:panel>
  </rich:popupPanel>

Answer 1

表单由a4j：commandButton提交。

如果您使用的是richfaces 3.3.3，那么添加属性ajaxSingle = true就像这样

<a4j:commandButton value="Annuleer" ajaxSingle="true"  
                     onclick="#{rich:component(popupID)}.hide();" />

如果您使用的是richfaces 4.X，请使用执行属性

 <a4j:commandButton value="Annuleer" execute="@this"  
                   onclick="#    {rich:component(popupID)}.hide();" />

在这两种情况下，只在后端处理命令按钮。

希望这有帮助。

Answer 2

要完全取消对服务器的请求，请将return false;添加到onclick处理程序：

<a4j:commandButton value="Annuleer"
        onclick="#{rich:component(popupID)}.hide(); return false" />

如果您仍需要重新渲染某个区域（因此需要ajax请求），请使用其他答案（execute="@this"）中所述的解决方案。

Answer 3

这不是popupPanel那样做的。 <a4j:commandButton>和commandLink默认提交整个表单。如果您不想提交任何内容，请添加execute="@none"。

rich：popupPanel在.hide（）上提交值，这是我不想要的

3 个答案: