JSF Primefaces Links, Mitte-layout

Ich verstehe nicht, wie die Anzeige in der Mitte Bildschirm, wenn ich auf die Taste in meiner "Links" - Menü.

Nun habe ich, dass wenn ich auf button in meine "Links" - Menü, neue Seite wird geöffnet, ohne "Links" - Menü, aber ich will es nicht, ich brauche das "linke" Menü war nicht verschwunden.

Unten ist mein code.

<h:head>
    <title>Facelet Title</title>
</h:head>
   <frameset rows="65,*" frameborder="0">
            <frame scrolling="no" src="header.xhtml"/>
            <frameset cols="200,*" frameborder="0">
                    <frame scrolling="no" src="menu.xhtml"/>
             </frameset>
    </frameset>

InformationsquelleAutor Zhan | 2012-06-24
  1. 4

    Grundsätzlich müssen Sie die Ziel-frame ein name und geben Sie es in die target Attribut des <a> element. E. g.

    <frame name="center">

    mit

    <a href="page.xhtml" target="center">

    Aber das alles ist nicht ganz der richtige Weg, um der Vorlage eine moderne web-Anwendung. Framesets haben viele Nachteile, um user experience und SEO valuability. Stattdessen werden die include-und Template-Anlagen jeder server-side-view-Technologie (wie Facelets als Sie nutzen) sollte verwendet werden. Framesets sollte nur verwendet werden, wenn Sie haben absolut keine server-server-side-view-Technologie in die Hände (also nur plain-HTML), oder wenn Sie wollen auf eine externe website.

    Mit Facelets, sollten Sie es stattdessen mit so etwas als Vorlage

    /WEB-INF/templates/layout.xhtml

    <!DOCTYPE html>
<html lang="en"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title><ui:insert name="title">Default title</ui:insert></title>
    </h:head>
    <h:body>
        <div id="header"><ui:include src="/WEB-INF/includes/header.xhtml"></div>
        <div id="menu"><ui:include src="/WEB-INF/includes/menu.xhtml"></div>
        <div id="content"><ui:insert name="content">Default content</ui:insert></div>
    </h:body>
</html>

    (Sie können CSS verwenden, um die position des layout-Komponenten, wie Sie wollen, z.B. float:left auf #menu und #content)

    Und dies ist, wie die template-client (die Seite, die Sie öffnet tatsächlich durch URL) sollte wie folgt Aussehen:

    /page.xhtml

    <ui:composition template="/WEB-INF/templates/layout.xhtml"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:define name="title">
        New page title here
    </ui:define>

    <ui:define name="content">
        <h1>New content here</h1>
        <p>Blah blah</p>
    </ui:define>
</ui:composition>

    Für ein open-source-Beispiel für eine moderne JSF/Facelets web-Anwendung, überprüfen Sie unter anderem die OmniFaces showcase-Anwendung.

    Als Sie mit PrimeFaces gibt es eine andere alternative, die <p:layout>. Siehe die "vollständige Beispiele" auf Ihrer showcase-Anwendung, zum Beispiel diese eine.

    Siehe auch:

    InformationsquelleAutor BalusC
  2. 0

    Deine Beschreibung ist ein bisschen verwirrend, aber ich kann mir vorstellen, dass JSF templating-system ist das, was Sie nach sind, damit Sie den gleichen code (ein Menü zum Beispiel) auf mehreren Seiten. Frames sind sehr veraltet und größtenteils nicht mehr verwendet.

    Siehe Beispiel im http://www.mkyong.com/jsf2/jsf-2-templating-with-facelets-example/

    Als ein weiterer Kommentar, dieses Problem scheint nicht zu sein, in Bezug auf Primefaces (eine Komponente pack, keines dieser Kommentare sind enthalten in Ihrem code).

    InformationsquelleAutor Rasmus Franke
  3. 0

    Hier ist eine einfache Kopfzeile, Seite(N), Fußzeile Beispiel. Sie können eine Formular-id für alle ob Sie es glauben oder nicht. Der header geht in WebContent/Vorlagen. Die anderen .xhtml kann in WebContent. Wenn Ihr @ManagedBean String-Methode gibt "zweite", die Seite, die zweite.xhtml angezeigt werden. Die einzelnen Seiten sind noch Gespräche zu eigenen @ManagedBean.

    <body">
<f:view>
<div id="container">
<h:form id="templateForm">
    <div id="header">
        <ui:include src="header.xhtml" />
    </div>

    <div id="wrapper">
        <div id="firstId">
            <ui:insert name="first"></ui:insert>
        </div>
        <div id="secondId">
            <ui:insert name="second"></ui:insert>
        </div>
        <div id="inputMaskId">
            <ui:insert name="inputMask"></ui:insert>
        </div>
        <div id="valtestId">
            <ui:insert name="valtest"></ui:insert>
        </div>
    </div>

    <div id="footer">
        <ui:include src="footer.xhtml" />
    </div>
</h:form>
</div>      
</f:view>
</body>
    InformationsquelleAutor DougMH
  4. 0

    Können wir Layouts verwenden statt
    include namespace
    xmlns:p="http://primefaces.org/ui"

    <p:layout fullPage="true">
<p:layoutUnit position="north" size="100" header=
"Top" resizable="true" closable="true" collapsible="true">
<h:outputText value="Layout content for North" />
</p:layoutUnit>
<p:layoutUnit position="south" size="100" header="Bottom"
resizable="true" closable="true" collapsible="true">
<h:outputText value="Layout content for South" />
</p:layoutUnit>
<p:layoutUnit position="west" size="200" header=
"Left" resizable="true" closable="true" collapsible="true">
<h:outputText value="Layout content for West" />
</p:layoutUnit>
<p:layoutUnit position="east" size="200" header=
"Right" resizable="true" closable="true" collapsible="true">
<h:outputText value="Layout content for Right" />
</p:layoutUnit>
<p:layoutUnit position="center">
<h:outputText value="Layout content for Center" />
</p:layoutUnit>
</p:layout>

    Hierdurch werden fünf panels

    InformationsquelleAutor Anitha Venugopal
Schreibe einen Kommentar