Skip to content

Instantly share code, notes, and snippets.

@wittemann
Created August 25, 2010 11:09
Show Gist options
  • Save wittemann/549299 to your computer and use it in GitHub Desktop.
Save wittemann/549299 to your computer and use it in GitHub Desktop.
List-Form Binding [qx]
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