Wie erstellen Sie den dialog mit der prozentualen Höhe, in primefaces

Ich würde gern ein p:dialog Komponente in primefaces mit der Größe, die gegeben wird, in Prozent:

<p:dialog header="Dialog" widgetVar="dlg" width="70%" height="70%">
  Some content
</p:dialog>

Den obigen code erstellt ein Bauteil mit dem richtigen Wert Breite. Aber die Höhe des dialog gesetzt zu einigen sehr minimalen Wert (bestimmt nicht 70%).

Meine Frage ist: wie kann ich einstellen, prozentualen Höhe zum dialog?

Ich Tat etwas Forschung und fand in primefaces-code, der height Wert explizit auf der Einstellung 'auto' und height-Attribut ist zugeordneten Inhalt div. Dies erklärt, warum mein code nicht funktioniert, aber was kann ich tun um dieses Problem zu beheben?

InformationsquelleAutor gawi | 2015-07-07
  1. 3

    Fand ich einen Weg, es zu tun mit javascript. Die Komponente definition sollte geändert werden:

    <p:dialog id="dialog" header="Dialog" widgetVar="dlg" width="70%" height="100%">
  Some content
</p:dialog>

    In dieser Art und Weise Inhalte füllen Sie den dialog vollständig aus. Und nun Folgendes javascipt-code aufgerufen werden soll:

    var htmlTag = document.getElementById('dialog');
htmlTag.style.height = Math.floor(window.innerHeight*0.7)+"px";

    Dieser Größe ein Dialogfeld, in Höhe von 70% der Fensterhöhe.

    • von wo und wie hast du den Aufruf dieser JavaScript-code? Ich habe das gleiche problem jetzt.
    • Ich weiß nicht, wo ich es gemacht habe. Ich erwarte, dass ich es in onShow-Attribut oder etwas ähnliches
    • Ich bestätigen. Es funktioniert, setzen Sie das Skript in das onShow-Attribut. Achten Sie auf die id des Elements. Danke, gawi
    InformationsquelleAutor gawi
  2. 0

    Höhe und Breite vermittelt werden könnte in pixcels, versuchen Sie es mit Stil

    <p:dialog ... style="width:70% !important; height:70% !important;">
   Some content
</p:dialog>
    • Ich habe es schon versucht, Sie können die Größe des Dialogfelds auf diese Weise, aber der Inhalt passt nicht richtig an den dialog.
    InformationsquelleAutor vels4j
Schreibe einen Kommentar