Читать книгу Forms over Data mit Knockout.js - Tilman Börner - Страница 10

Bislang wurden zwei Controls an ein ViewModel gebunden: Knopf und Textbox. Natürlich bietet Knockout.js auch Unterstützung für die anderen Kontrollelemente, die HTML im Repertoire hat.

Die einfachste Erweiterung ist, aus einer einzeiligen Textbox ein mehrzeiliges Textfeld zu machen. Ersetzen Sie dazu die Zeile mit dem input-Element durch folgende Zeile:

<textarea data-bind="value: lastname"></textarea>

Das Verhalten ändert sich nicht. Auch in das textarea-Element können Sie Text eingeben und über viewModel.lastname() den Inhalt abfragen. Da es sich um ein Standard-Formularelement von HTML handelt, lässt es sich über die Standardattribute beeinflussen.

<textarea cols="40" rows="10" maxlength="10"

data-bind="value: lastname">

</textarea>

Auch Schriftart, Schriftgrad, Farbe et cetera lassen sich über CSS verändern.

<textarea style="font-family: Arial; font-size: 16px; color: Green"

color: Green" cols="40" rows="10"

maxlength="10" data-bind="value: lastname">

</textarea>