Created
August 25, 2010 11:09
-
-
Save wittemann/549299 to your computer and use it in GitHub Desktop.
List-Form Binding [qx]
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var listData = []; | |
for (var i = 0; i < 10; i++) { | |
listData.push({name: "name " + i, model: "model" + i}); | |
} | |
var listModel = qx.data.marshal.Json.createModel(listData); | |
var selectBox = new qx.ui.form.SelectBox(); | |
var listControler = new qx.data.controller.List(null, selectBox); | |
listControler.setDelegate({bindItem: function(c, item, index) { | |
c.bindProperty("name", "label", null, item, index); | |
c.bindProperty("model", "model", null, item, index); | |
}}); | |
listControler.setModel(listModel); | |
var form = new qx.ui.form.Form(); | |
form.add(selectBox, "select"); | |
this.getRoot().add(new qx.ui.form.renderer.Single(form), {left: 10, top: 10}); | |
var fromControler = new qx.data.controller.Form(null, form); | |
var formModel = fromControler.createModel(); | |
var label = new qx.ui.basic.Label("data"); | |
this.getRoot().add(label, {left: 200, top: 14}); | |
formModel.bind("select", label, "value"); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment