-1

フルページレイアウトがあります。トップlayoutUnitにはメニューとselectOneMenuがあります。メニュー項目が正しく表示されません。メニュー項目はselectOneMenusと重複しています。

ここに画像の説明を入力してください

これが私の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>

    <style type="text/css">
.ui-widget {
    font-size: 12px !important;
}

**.ui-layout-north {
    z-index: 20 !important;
    overflow: visible !important;
}
.ui-layout-north .ui-layout-unit-content {
    overflow: visible !important;
}**

</style>

</h:head>

<h:body>

    <p:layout fullPage="true" id="layout1">

        <p:layoutUnit id="top" position="north" size="104">
            <h:form>
<p:menubar autoSubmenuDisplay="true" id="menubar1">
</p:menubar>
<h:panelGroup id="t1">
                    <p:toolbar rendered="#{menuBean.renderP1}" id="toolbar1">
                        <p:toolbarGroup align="left">
<p:selectOneMenu id="prod" value="#{menuBean.product}"
                                style="width:155px;" required="true"
                                requiredMessage="Select a product">
                                <f:selectItem itemLabel="Select product" itemValue="" />
                                <f:selectItems value="#{menuBean.products}" />
                                <!-- Product changed -->
                                <p:ajax event="change" update="prodVar,brkType,brkRevision"
                                    listener="#{menuBean.productChanged}" />

                            </p:selectOneMenu>

                            <p:spacer width="50" height="10" />

                            <p:selectOneMenu id="prodVar" value="#{menuBean.productVariant}"
                                style="width:165px;" required="true"
                                requiredMessage="Select product variant">
                                <f:selectItem itemLabel="Select Variant" itemValue="" />
                                <f:selectItems value="#{menuBean.productVariants}" />
                                <!-- productVariant changed -->
                                <p:ajax event="change" update="brkType,brkRevision"
                                    listener="#{menuBean.productVariantChanged}" />
                            </p:selectOneMenu>
</p:toolbarGroup>
                    </p:toolbar>
                </h:panelGroup>
            </h:form>
        </p:layoutUnit>
<p:layoutUnit id="center" position="center">
            <h:form id="form2">
                <h:panelGroup id="t2">
                    <p:tabView id="tabView" rendered="#{menuBean.renderP2}">

                            </h:panelGrid>
                        </p:tab>

                    </p:tabView>
                </h:panelGroup>
            </h:form>
        </p:layoutUnit>

    </p:layout>

</h:body>

</html>
4

2 に答える 2

0

しばらく前にCagatayに報告されたのを覚えています。これが問題であり、primefaces3.0RC1のバージョンで修正されています。また、cssファイルに追加して、レイアウトを表示することもできます。

.ui-layout-north {
    overflow:visible !important;
}

.ui-layout-north .ui-layout-unit-content {
    overflow:visible !important;
}
于 2012-09-01T08:01:37.790 に答える
0

この表示の問題を修正するための解決策が見つかりませんでした。回避策として、すべての選択メニューを北から中央のレイアウトに移動しました。一時的に問題を修正しました。

于 2013-01-11T04:49:50.103 に答える