Hinzufügen iframe zu JSF-Komponenten

Ist es möglich, fügen Sie ein iframe auf einer JSF-Komponente(RichFaces, PrimeFaces) von backing bean?

Brauche ich zum einbetten von externen Seiten in meiner homepage. Und Bedürfnisse der Nutzer festlegen, dass dieser url. Kann ich jQuery verwenden.

Ich bin nicht in der Lage zu finden keine iframe-äquivalent JSF-Komponente. Gibt es einen bestimmten Grund dafür?

InformationsquelleAutor charishma | 2011-06-07

  1. 14

    Verwenden Sie einfach plain HTML.

    <iframe src="#{bean.iframeUrl}"></iframe>

    Der wahrscheinlichste Grund, warum eine Komponente nicht vorhanden ist, weil es würde keine zusätzlichen Vorteile bieten, wenn die Verpackung es in einer JSF-Komponente. Zum Beispiel <p>, <br>, <hr> etc haben auch keine JSF-äquivalente.

    Und ich bin froh. Für mich ist die Fähigkeit zu mischen Komponenten mit plain old html ist, was macht facelets so liebenswert.

    InformationsquelleAutor BalusC

  2. 2

    Ja möglich. Wir verwenden nur HTML-mit xhtml-Datei. Ich habe es versucht. Es ist eine gute Arbeit. unten habe ich meinen code.

    <?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:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html">
<f:view locale="#{facesContext.externalContext.requestLocale}">
<h:head>
    <title>
        <h:outputText value="your application title"></h:outputText>
    </title>
    <style type="text/css">
        #imagepgframe { 
            width: 100%;
            height: 100%;
            position: absolute;
        }
        #wrap { 
            width: 100%;
            position: absolute;
            top: 0px; 
            left: 0;
            bottom: 0;
            overflow-y: hidden;
            overflow-x: hidden;
        }
    </style>
</h:head>
<h:body>
    <h:form>
        <div id="wrap"> 
            <iframe id="imagepgframe" name="imagepgframe" frameborder="0" scrolling="auto" src="#{bean.iframeUrl}">
              <p>Your browser does not support iframes.</p>
            </iframe>
        </div>
    </h:form>
</h:body>

    Dank.

    Hi. Schönes Beispiel. Ich stehe vor ähnlichen Problem, in Bezug auf die iframe src kann es sein, eine relative wie "./myapppage.xhtml" zum Beispiel? Und wie die url Aussehen soll, in der backing-bean? Kommentar bitte
    Danke, Entweder können Sie URLs, wie Sie sagte,". /myapppage.xhtml" und auch volle-Länge-URL wie http://*****/myappage.xhtml.
    Ich habe gerade versucht die Einstellung relativen Pfad src="./mypage.xhtml", die sich im selben Ordner wie die iframe-Seite ist; So habe ich Ausnahme als : HTTP Status 500 - /test/iframetest/mypage.xhtml Not Found in ExternalContext as a Resource. Bitte gebt mir einen Tipp
    versuchen Sie, diese src="mypage.xhtml"
    Nope 😛 ich bin nicht sicher ist die src-support-Pfade, die keine / oder http?

    InformationsquelleAutor Ganesa Vijayakumar

  3. 1

    Können Sie hinzufügen iframe Fahrt mit hsk:panelFrame, dass dies nur ein einfaches Beispiel, wenn die Fahrt ist ok und die commponent hat target-Attribut, in diesem Fall Fahrt toViewId ist in dem iframe (in panelFrame), und bis der iframe-Seite Fahrt zu einem parentViewId, dieses iframe schließen und zurück zur übergeordneten Seite

    Quelle https://github.com/yracnet/hiska-HskFrame/

    readme https://github.com/yracnet/hiska-HskFrame/blob/master/README.md

    dieses Beispiel mit der css kann man zeigen, iframe, wie popup-Stil.

    InformationsquelleAutor user2026736

Schreibe einen Kommentar