Show values of data-bound models in data-binding-2 sample

Refer to issue: msink#8

Co-authored-by: Mervyn McCreight <[email protected]>

samples/data-binding-2/src/main/kotlin/main.kt

@@ -9,21 +9,42 @@ fun main(args: Array<String>) {
     }
 
     val model = Model()
+    lateinit var values: TextArea
+
+    val updateValues: ChangeListener<String> = {
+        values.value = "${model.textFieldModel.value}\n" +
+                "${model.passwordFieldModel.value}\n" +
+                "${model.searchFieldModel.value}"
+    }
+
+    model.textFieldModel.addListener(updateValues)
+    model.passwordFieldModel.addListener(updateValues)
+    model.searchFieldModel.addListener(updateValues)
 
     appWindow(
             title = "Data-binding Example #2",
             width = 640,
             height = 480
     ) {
         vbox {
-            label("TextField")
-            textfield(modelEntry = model.textFieldModel)
+            group("Entries") { stretchy = true }.form {
+                textfield(modelEntry = model.textFieldModel) {
+                    label = "TextField"
+                }
+
+                passwordfield(modelEntry = model.passwordFieldModel) {
+                    label = "PasswordField"
+                }
 
-            label("PasswordField")
-            passwordfield(modelEntry = model.passwordFieldModel)
+                searchfield(modelEntry = model.searchFieldModel) {
+                    label = "SearchField"
+                }
 
-            label("SearchField")
-            searchfield(modelEntry = model.searchFieldModel)
+                values = textarea() {
+                    label = "Values"
+                    stretchy = true
+                }
+            }
         }
     }
 }