Hey,
the trick here is to convert not only the array into an data array, you also
have to convert the objects in the array. You can use the JSON marshaler for
that. With that, its easy to get:
var myJSONObject = {"countries": [
{"name": "United Kingdom", "code": "UK", "currency": "GBP"},
{"name": "United States", "code": "US", "currency": "USD"},
{"name": "Japan", "code": "JP", "currency": "JPY"}
]
};
var jsonmodel = qx.data.marshal.Json.createModel(myJSONObject);
// first example, binding a selectbox and sync the selection
var selectBox = new qx.ui.form.SelectBox();
// connect the selectbox
var controller1 = new qx.data.controller.List(jsonmodel.getCountries(),
selectBox, "name");
controller1.getSelection().addListener("change", function(e) {
this.debug("code ", controller1.getSelection().getItem(0).getCode());
});
this.getRoot().add(selectBox);
Regards,
Martin
Am 17.09.2010 um 18:40 schrieb nrg-b:
>
> Sorry for the late reply. But thanks for that - most helpful.
>
> For the last part of my question:-
>
> "If possible, how can I use this array of Country objects in the SelectBox,
> only showing the CountryName yet when one item is selected I'd like to be
> able to get access to the actual Country object itself, in order to get to
> the 2 letter Country code?"
>
> I've contrived a playground example - so how can I display the country name
> in the SelectBox yet get a handle back on the entire country object for that
> selected name?
>
> Cheers!
>
>
> /* ************************************************************************
>
> #asset(qx/icon/${qx.icontheme}/16/devices/*)
>
> ************************************************************************ */
>
> qx.Class.define("demobrowser.demo.widget.SelectBox",
> {
> extend : qx.application.Standalone,
>
> members :
> {
> main: function()
> {
> this.base(arguments);
>
> var scroller = new qx.ui.container.Scroll();
>
> var box = new qx.ui.container.Composite(new qx.ui.layout.HBox(50));
> box.setPadding(20);
>
> box.add(this.createBox5());
>
> scroller.add(box, {left : 20, top : 20});
> this.getRoot().add(scroller, {edge : 0});
> },
>
>
> createBox5 : function()
> {
> var container = new qx.ui.container.Composite(new
> qx.ui.layout.VBox(2));
> container.add(new qx.ui.basic.Label("Complex"));
>
> var myJSONObject = {"countries": [
> {"name": "United Kingdom", "code": "UK", "currency": "GBP"},
> {"name": "United States", "code": "US", "currency": "USD"},
> {"name": "Japan", "code": "JP", "currency": "JPY"}
> ]
> };
> this.debug("json " + myJSONObject.countries[0].name);
>
> var jsonmodel = new qx.data.Array(myJSONObject.bindings);
>
> var model = new qx.data.Array(["A", "B", "C", "D", "E", "F", "G", "H",
> "I", "J"]);
>
> // first example, binding a selectbox and sync the selection
> var selectBox = new qx.ui.form.SelectBox();
>
> // connect the selectbox
> var controller1 = new qx.data.controller.List(model, selectBox);
>
> // How can I use the jsonmodel to show say the method in the
> SelectBox?
> // eg I'd like to do :- var controller1 = new
> qx.data.controller.List(jsonmodel, selectBox, "method");
> // And then in the changeSelection listener I'd like to be returned
> the country element
> // so that I can access the "code" for the "name" selected (or
> "currency" even!)?
>
>
> selectBox.addListener("changeSelection", function(e) {
> this.debug("complex changeSelection e.getData()[0]: " +
> e.getData()[0]);
> this.debug("complex changeSelection e.getData()[0].getModel(): " +
> e.getData()[0].getModel());
> });
>
> container.add(selectBox);
>
> return container;
> }
>
> }
> });
>
> --
> View this message in context:
> http://qooxdoo.678.n2.nabble.com/SelectBox-demo-tp5519848p5543518.html
> Sent from the qooxdoo mailing list archive at Nabble.com.
>
> ------------------------------------------------------------------------------
> Start uncovering the many advantages of virtual appliances
> and start using them to simplify application deployment and
> accelerate your shift to cloud computing.
> http://p.sf.net/sfu/novell-sfdev2dev
> _______________________________________________
> qooxdoo-devel mailing list
> [email protected]
> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
------------------------------------------------------------------------------
Start uncovering the many advantages of virtual appliances
and start using them to simplify application deployment and
accelerate your shift to cloud computing.
http://p.sf.net/sfu/novell-sfdev2dev
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
