Primefaces enter 키를 닫습니다. 대화 상자

Question

아래 대화 상자가 열리고 사용자가 입력을 누르면이 대화 상자가 닫힙니다. 나는 어떻게 든 사용자가 입력 할 때 제출하도록 허용하지 않기 위해 아래 commandButton에 어떤 속성을 추가해야한다고 가정합니다. 어떤 생각?

<p:dialog header="#{bundle['dreamSearch.HEADER']}" 
     widgetVar="webSearchDlg" modal="true" styleClass="dialog dialog2" 
     draggable="false" resizable="false" showEffect="fade" 
     hideEffect="fade"> 
     <h:form id="dreamWebSearchFrm"> 
     <div class="dialog-top-reg"></div> 
     <div class="dialog-middle-reg"> 
     <div><p:commandButton styleClass="close zoom3" onclick="webSearchDlg.hide()" /></div> 
      <div class="dialog-content dialog-content2"> 
       <h1 class="dream-search"> 
        <h:outputText value="#{bundle['dreamSearch.HEADER']}" /> 
       </h1> 
       <p class="dream-search"> 
        <h:outputText value="#{bundle['dreamSearch.SUBHEADER']}" /> 
       </p> 
       <p:panel id="searchTextPnl"> 
        <div class="dream-search-wrap"> 
         <fieldset> 
          <p:inputText id="searchText" value="#{dreamSearchBean.searchText}"/> 
          <p:commandButton tabindex="-1" styleClass="form-btn1" value="#{bundle['dreamSearch.search.button.TEXT']}" 
          actionListener="#{dreamSearch.search}" update=":dreamWebSearchFrm:resultsPnl"/> 
         </fieldset> 
        </div> 
       </p:panel> 
       <p:panel id="resultsPnl"> 
        <div class="data-grid-wrap"> 
        <h:outputFormat escape="false" value="#{bundle['dreamSearch.imageResults.TEXT']}" rendered="#{dreamSearchBean.shouldRender}"> 
         <f:param value="#{dreamSearchBean.searchText}" /> 
        </h:outputFormat> 
         <p:dataGrid var="dream" value="#{dreamSearchBean.dreams}" rendered="#{dreamSearchBean.shouldRender}" columns="5" 
          rows="10" paginator="true" effect="true" 
          styleClass="ui-header-visibility" 
          paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" 
          rowsPerPageTemplate="10,15,20" paginatorPosition="bottom"> 
          <p:column> 
           <h:panelGrid columns="1" style="width:100%"> 
            <p:commandLink onclick="webSearchDlg.hide();dreamEditDlg.show();" update=":dreamEditFrm:display"> 
             <f:setPropertyActionListener value="#{dream}" target="#{dreamModifyBean.selectedDream}"/> 
             <f:setPropertyActionListener value="false" target="#{dreamModifyBean.editLink}"/> 
             <p:graphicImage value="#{dream.imageThumb}" width="100" height="100" /> 
            </p:commandLink> 
           </h:panelGrid> 
          </p:column> 
         </p:dataGrid> 
        </div> 
       </p:panel> 
      </div> 
     </div> 
     <div class="dialog-bottom-reg"></div> 
    </h:form> 
    </p:dialog> 

Answer 1

이 문제를 해결하기 위해 닫기 단추가 양식의 맨 마지막 단추인지 확인해야했습니다.

Answer 2

당신은 자바 스크립트와 함께 할 수 있습니다. A similiar question with a variety of answers가 얼마 전 질문을 받았습니다.

Primefaces에는 자체 (또는 일부 JQuery/YUI) JavaScript가 번들되어 있습니다. 자체 제작 j와 어떻게 상호 작용하는지 모르겠다. 시도 해봐!