1

Primefaces 4.0 で Dialog Framework を使用しています。高さをデフォルト (自動) に設定していますが、これはAddボタンをクリックして検証メッセージが表示されるまで問題ありません。ダイアログの高さが小さすぎて、自動サイズ変更されません。

検証エラーでダイアログの高さを変更するにはどうすればよいですか?

検証エラーの前:

検証エラーの前

検証エラーの後:

検証エラーあり

add.xhtml:

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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:ui="http://java.sun.com/jsf/facelets" 
      xmlns:p="http://primefaces.org/ui">

<h:head>
    <title>Add Group</title>
    <h:outputStylesheet library="css" name="style.css" />
</h:head>

<h:body>

    <h:form id="addGroupForm">
        <p:messages autoUpdate="true" />
        <h:panelGrid columns="2" cellspacing="10" width="300">  
            <h:outputLabel for="name" value="Group Name" />  
            <p:inputText id="name" value="#{userGroupBacking.newGroup}" required="true" requiredMessage="Group Name is Required" />  

            <h:panelGroup></h:panelGroup>
            <h:panelGroup>
                <p:commandButton value="Add" styleClass="ui-priority-primary" actionListener="#{userGroupBacking.addGroup}" update="@form" />
                <p:commandButton value="Cancel" actionListener="#{userGroupBacking.cancelAddGroup}" immediate="true" />
            </h:panelGroup>
        </h:panelGrid> 
    </h:form>

</h:body>
</html>
4

1 に答える 1

0

まず、ダイアログの高さが固定されていないことを確認してください。次に、ダイアログに通知が存在する DOM 要素のオーバーフローが正しく設定されていることを確認してください。一部のダイアログは少し扱いに​​くく、閉じて再度開かないと簡単にサイズを変更できません。実際のダイアログを表示していただけると助かります。私の最初のヒントは、jQuery を使用してフロントエンドでイベントをキャッチし、それに応じてダイアログのサイズを変更することです。

于 2013-10-04T09:19:47.427 に答える