Umfassen JS-Dateien in eine xhtml-Datei, die Sie zusammen mit ui:include

Werde ich ilustrate meine Frage mit einem Beispiel:

outerfile.xhtml:

<h:head>
    <h:outputScript library="js" name="jquery-1.6.2.js" />
    <h:outputScript library="js" name="outer.js" />
</h:head>

<h:body>
    <h:panelGroup id="inner_panel">
      <ui:include src="innerfile.xhtml" />
    </h:panelGroup>
</h:body>

innerfile.xhtml:

<ui:composition ... >
    <h:head>
        <h:outputScript library="js" name="jquery-1.6.2.js" />
        <h:outputScript library="js" name="inner.js" />
    </h:head>

    <h:body>
        <h:panelGroup>
          I Am Text in The Inner File!
        </h:panelGroup>
    </h:body>
</ui:composition>

Meine Fragen:

  1. Ist es okay, zu erklären, das js Dateien in der inneren Datei, wie ich es Tat?
  2. Brauche ich (Und Sollte ich) erklären, der Häufig (jquery-1.6.2.js) wieder in die innere-Datei?
  3. Was passiert, wenn ich un-Rendern und re-render inner_panel mit AJAX? Wird die innere-inklusive Header neu geladen werden?
InformationsquelleAutor Ben | 2011-10-02
  1. 13

    Ist es okay, zu erklären, dass die js-Dateien in die innere Datei, wie ich es Tat?

    Nicht. Sollten Sie nicht geben Sie die <h:head> in der include-als auch. Dies führt nur ungültig HTML. Als Sie jetzt haben wird das Ergebnis in:

    <html>
  <head>
    <script></script>
  </head>
  <body>
    <head>
      <script></script>
    </head>
    <body>
    </body>
  </body>
</html>

    (Rechtsklick-Seite im browser und tun View Source zu sehen, es selbst, w3-Validierung falls erforderlich)

    Beheben Sie diese entsprechend in innerfile.xhtml:

    <ui:composition ... >
    <h:outputScript library="js" name="jquery-1.6.2.js" target="head" />
    <h:outputScript library="js" name="inner.js" target="head" />

    <h:panelGroup>
        I Am Text in The Inner File!
    </h:panelGroup>
</ui:composition>

    Resultat gültiges HTML. Die Skripte erklärt <h:outputScript target="head"> wird nur am Ende in der <head> automatisch, wenn nicht bereits zuvor deklarierte. Wie im echten HTML, sollte es nur eine <h:head> und <h:body> im gesamten anzeigen, einschließlich aller Vorlagen und include-Dateien.

    Brauche ich (Und Sollte ich) erklären die gemeinsame (jquery-1.6.2.js) wieder in die innere-Datei?

    Nicht, wenn die übergeordnete Datei nicht, hat es schon erklärt, wie <h:outputScript>. Aber redeclaring es in der include nicht Schaden. Es wird nicht dupliziert werden, jedenfalls, wenn es bereits erklärt wurde, vor.

    Was passiert, wenn ich un-Rendern und re-render inner_panel mit Ajax? Wird die innere-inklusive Header neu geladen werden?

    Funktioniert dies nur, wenn Sie nicht target="head". Ob Sie neu geladen werden, von dem server, hängt davon ab, ob Sie schon von dem browser angefordert, bevor und bereits vorhanden und gültig in den browser-cache. Aber im Grunde, wird der browser sagte Sie erneut, um es zu laden, ja. Mit Firebug können Sie ganz einfach bestimmen.

    • Tnx. Kleines follow-up - ganz nach Ihren beantworten, wenn ich die Seite geladen werden, wenn die innere Seite ist nicht gerendert, und dann machen Sie die innere Seite der inneren js-Dateien fehlen. Richtig?
    • Ich habe nicht gesagt, dass. Sie wird enthalten sein. Der browser wird gesagt, um diese zu laden. Aber ob es die Ergebnisse wurden von den browser-cache oder direkt vom server abhängt, auf die der Header an den JS-Antwort, und wenn es ist bereits im browser-cache oder nicht. Wenn es zwischengespeichert werden und im browser-cache, dann wird es nicht erneut geladen werden (weil der browser hat es schon). Sonst wird es ja neu geladen vom server.
    • Ich sehe deinen Punkt, ich habe klargestellt das re-Rendern-Teil.
    InformationsquelleAutor BalusC
  2. 1

    Den richtigen Weg zu schreiben, es ist target="head" in Ihrem h:outputScript Erklärung auf innerfile.xhtml:

    <ui:composition ... >
    <h:outputScript library="js" target="head" name="jquery-1.6.2.js" />
    <h:outputScript library="js" target="head" name="inner.js" />
    <h:panelGroup>
       I Am Text in The Inner File!
    </h:panelGroup>
</ui:composition>

    In dieser Weise werden alle Ihre Ressourcen-Deklarationen werden innerhalb der äußeren . Mehrere Deklarationen mit dem gleichen Ressource mit der gleichen Bibliothek/Ressourcen-name wird nicht machen die gleiche Erklärung mehrere Male, weil der renderer für h:outputScript hat einige code, der erkennt, und ignorieren Sie die doppelten Einträge. Hinweis: die Dinge sind anders, wenn Sie machen ein h:outputScript, die nicht auf eine javascript-Datei.

    InformationsquelleAutor lu4242
Schreibe einen Kommentar