jsf에서 대화 상자의 사용자 정의 크기를 설정하는 방법은 무엇입니까?

저는 jsf를 처음 사용합니다. 두 xhtml 페이지 : test.xhtml 및 exciseDetails.xhtml 있습니다. test.xhtml 페이지에서 "ExciseDetails"버튼을 클릭하면 primefaces 대화 상자 프레임 워크를 사용하여 exciseDetails.xhtml을 대화 상자로 엽니 다.jsf에서 대화 상자의 사용자 정의 크기를 설정하는 방법은 무엇입니까?

이 작업을 수행했지만 대화 상자가 열리면 모든 구성 요소가 표시되지 않습니다. 대화 상자에서 스크롤을 사용하여 볼 수 있습니다.

어떻게 대화 상자를 최대화 할 수 있습니까?

<html xmlns="http://www.w3.org/1999/xhtml" 
xmlns:h="http://java.sun.com/jsf/html" 
xmlns:f="http://java.sun.com/jsf/core" 
xmlns:p="http://primefaces.org/ui"> 

<h:head> 

</h:head> 


    <h:body> 
<h:form> 

     <p:panelGrid> 

      <p:row> 
       <p:column > 
        <p:outputLabel for="regtype" value="Registration Type" 
         style="display: block;"></p:outputLabel> 
       </p:column> 
       <p:column> 
        <h:selectOneMenu id="regtype" 
         value="#{pc_excisePageCode.excisebean.regtype}" 
         style="width:200px;"> 
         <f:selectItem itemLabel="--Select--" itemValue="#{null}" /> 
         <f:selectItem itemLabel="Dealer" itemValue="Dealer" /> 
         <f:selectItem itemLabel="Manufacturer" itemValue="Manufacturer" /> 
        </h:selectOneMenu> 
       </p:column> 
      </p:row> 

      <p:row> 
       <p:column> 
        <p:outputLabel for="eregno" value="Excise Registration (ECC) No." 
         style="display: block; " /> 
       </p:column> 
       <p:column> 
        <p:inputText id="eregno"></p:inputText> 
       </p:column> 
      </p:row> 

      <p:row> 
       <p:column> 
        <p:outputLabel for="eregdate" value="Registration Date" 
         style="display: block;" /> 
       </p:column> 
       <p:column> 
        <p:inputMask id="eregdate" mask="99-99-9999" /> 
       </p:column> 
      </p:row> 

      <p:row> 
       <p:column colspan="2"> 

        <p:panelGrid> 

         <p:row> 
          <p:column> 

          </p:column> 
          <p:column style="width:150px;display:block; text-align:center"> 
           <p:outputLabel value="Code"></p:outputLabel> 
          </p:column> 

          <p:column style="width:150px;display:block; text-align:center"> 
           <p:outputLabel value="Name"></p:outputLabel> 
          </p:column> 

          <p:column style="width:150px;display:block; text-align:center"> 
           <p:outputLabel value="Address"></p:outputLabel> 
          </p:column> 

         </p:row> 

         <p:row> 
          <p:column> 
           <p:outputLabel value="Range" /> 
          </p:column> 
          <p:column> 
           <p:inputText id="rangecode"></p:inputText> 
          </p:column> 
          <p:column> 
           <p:inputText id="rangename"></p:inputText> 
          </p:column> 
          <p:column> 
           <p:inputText id="rangeaddress"></p:inputText> 
          </p:column> 
         </p:row> 

         <p:row> 
          <p:column> 
           <p:outputLabel value="Division " /> 
          </p:column> 
          <p:column> 
           <p:inputText id="divisioncode"></p:inputText> 
          </p:column> 
          <p:column> 
           <p:inputText id="divisionname"></p:inputText> 
          </p:column> 
          <p:column> 
           <p:inputText id="divisionaddress"></p:inputText> 
          </p:column> 
         </p:row> 

         <p:row> 
          <p:column> 
           <p:outputLabel value="Commissionerate" /> 
          </p:column> 
          <p:column> 
           <p:inputText id="commissioncode"></p:inputText> 
          </p:column> 
          <p:column> 
           <p:inputText id="commissionname"></p:inputText> 
          </p:column> 
          <p:column> 
           <p:inputText id="commissionaddress"></p:inputText> 
          </p:column> 
         </p:row> 

        </p:panelGrid> 

       </p:column> 

      </p:row> 

     </p:panelGrid> 

     </h:form> 
     </h:body> 
    </html>

test.xhtml :

<html xmlns="http://www.w3.org/1999/xhtml" 
     xmlns:h="http://java.sun.com/jsf/html" 
     xmlns:f="http://java.sun.com/jsf/core" 
     xmlns:p="http://primefaces.org/ui"> 

    <h:head> 
    </h:head> 
    <h:body> 
     <h:form id="testform"> 
     <p:commandButton id="excisebutton" value="Excise Details" 
      actionListener="#{pc_excisePageCode.exciseDialog()}"/>            
     </h:form> 
    </h:body> 
</html>

출처

2014-02-26 mady

exciseDetails.xhtml 페이지의 모든 구성 요소는 하나 아래

는

package com.madhu.tests.pagecode; 
import javax.faces.bean.ManagedBean; 
import org.primefaces.context.RequestContext; 
import com.madhu.tests.bean.Excisebean; 

@ManagedBean(name="pc_excisePageCode") 
public class ExcisePageCode { 

    Excisebean excisebean=new Excisebean(); 
    public ExcisePageCode() { 
    // TODO Auto-generated constructor stub 
    } 

    public void exciseDialog() { 
     RequestContext.getCurrentInstance().openDialog("exciseDetails"); 
    } 

    public Excisebean getExcisebean() { 
     return excisebean; 
    } 
    public void setExcisebean(Excisebean excisebean) { 
     this.excisebean = excisebean; 
    } 
}

exciseDetails.xhtml beanclass 라이다 .. 스크롤없이 표시되어야

Primefaces 대화 상자에는 대화 상자를 최대화 된 상태로 만들 수있는 많은 다른 속성이 있습니다.

<p:dialog header="Dialog" widgetVar="dlg" maximizable="true" minimizable="true"> 
    <h:outputText value="This Dialog can be Maximized and Minimized!" /> 
</p:dialog>

아니면 당신이, 당신은 또한 style="width:400px;height:300px"

처럼 그 스타일 속성을 사용할 수 있습니다 얼마나 정확하고 폭과 당신이 당신의 페이지에 필요한 높이에 대해 알고있는 경우 : 여기

은 예입니다

또는

<p:dialog header="Dialog" widgetVar="dlg" maximizable="true" minimizable="false" closable="false" height="768" width="1024" > 
     <h:outputText value="This Dialog can be Maximized and Minimized!" /> 
    </p:dialog>

희망 사항으로 문제를 해결할 수 있습니다.

출처

2014-02-26 10:06:16 Java

OP는 프로그래밍 방식으로 대화 상자를 생성합니다. 그래서 당신은 아마도 그 속성들이 어떻게'openDialog'에 전달 될 수 있는지 언급해야합니다. – mabi

문제를 해결해 주셔서 감사합니다 ... :) – mady

jsf에서 대화 상자의 사용자 정의 크기를 설정하는 방법은 무엇입니까?

답변

관련 문제