Wie man primefaces inputTextArea passen zum text?

ich versuche, mich <p:inputTextArea/> sieht besser aus, jetzt wenn die Seite geladen ist, kann ich sehen: Wie man primefaces inputTextArea passen zum text?

und wenn ich auf das TextArea :
Wie man primefaces inputTextArea passen zum text?

hier ist der code:
<p:inputTextarea rows="6" value="#{bean.object.value}"style="width: 100%;" />

Wie kann ich machen, dass der Bereich würde passen Sie seine Größe an text ? rows="6" ist die Arbeit für ein wenig Daten, aber es sieht schrecklich aus, wenn mehr Zeichen geschrieben werden

Was ist ein JS zu erweitern, die Höhe basiert auf Zeichen zählen?
was ist, wenn die Spalten parameter ist auch in der Eingabe-text-Bereich.
cols machen kann, während der Raum kleiner, aber auch immer größer, zu viel, was ist JS ? können Sie nach ein paar verlinken ?
Haben Sie versucht, ändern autoResize - Attribut?
ja ich gebunden set autoResize true/false aber nicht helfen

InformationsquelleAutor user2377971 | 2014-01-21

  1. 8

    Ich würde mein problem lösen mit diesem plugin flexibleArea.js, aber wenn Sie es herunterladen, es wird nicht fix das erste mal, wenn Sie den Fokus auf die textArea, so hatte ich es zu zwicken ein bisschen.

    Habe ich Hinzugefügt, um das binden eines neuen Ereignisses, das den Fokus.

    $textarea.bind('keyup change cut paste focus'

    Jetzt damit dies funktioniert, download my tweak flexibleArea.js, es in Ihrem xhtml -, dann im Dokument bereit.

    $(function() {         
   $('.ui-inputtextarea').flexible();    
});

    Und Hier ist eine live - demo auf Primefaces TextArea flexibel und auf github.

    Hoffe, das Hilft.

    Schön ! ich werde halten!
    Yay, nach 1 Tag der Arbeit finnaly es sieht nett aus. Dank dir nochmal

    InformationsquelleAutor Hatem Alimam

  2. 3

    Selbsterklärend code:

    <p:inputTextarea
    rows="#{myBean.numberOfLines(myBean.myClass.theString, 70)}"
    cols="70"
    value="#{myBean.myClass.theString}"
    autoResize="true" />

public int numberOfLines(String string, int cols) {
        int rvalue = 0;
        for (String strTmp : string.split("\n")) {
            rvalue ++;
            rvalue += strTmp.length() >= cols ? strTmp.length() / cols : 0;
        }
        return rvalue;
    }

    Edit: Das funktioniert nicht in jedem Fall, weil die Größe des Textes, aber für mich, es ist genug.

    InformationsquelleAutor Rodrigo

  3. 2

    Habe ich herausgefunden, dass der beste Weg, um dynamisch festlegen der Zeilen-Attribut auf der Grundlage der bestehenden bean string-Länge. Sie müssen Spalten, die es Wert ist, das Ziel zu erreichen.

    rows="#{2 + bean.string.length()/100}" cols="100"
    es funktioniert wie du gesagt hast mit Konstanten strings, aber in diesem Fall, wenn ich möchte zu Bearbeiten, dass es nicht
    Es sollte autoresize während der Bearbeitung, es sei denn, Sie haben ihn auf false setzen.
    Auch Ihr CSS-Breite wird nicht gut funktionieren mit dem Attribut cols, sollten Sie es entfernen, wenn Sie können.

    InformationsquelleAutor JavaG

  4. 0

    Ich hatte das gleiche problem heute. Zählen von Spalten funktioniert nur, wenn der Benutzer nicht geben Sie Zeilenumbrüche. Nach der Suche nach einer besten Lösung, die ich gelöst meinem Fall so:

    <p:inputTextarea
        value="#{comment.body}" 
        styleClass="no-border" readonly="true"
        style="width: 80%;height: 100%;"
        rows="#{myController.countChar(comment.body)+2}" />

    Und in MyController:

    public int countChar(String text) {
    return StringUtils.countMatches(text, "\n");
}

    Standardmäßig der inputTextarea mit dem Attribut "autoResize= "true".Also, wenn Sie brauchen, um zu Bearbeiten, nachdem Sie etwas, die Komponente passen Sie Ihre text.

    InformationsquelleAutor Brother

Schreibe einen Kommentar