Hi Everyone, I have a virtual List with groups. As could be seen from my code, first 11 items should be in "Group0" and the rest in "Group0".
However I see both groups as "Group0". What am I doing wrong? Notice I'm using custom group items via "createGroupItem" and "bindGroupItem". 1. If I just remove these two functions from the imlementation, the Group names are empty. 2. If I then remove "groupLabelPath" property from the list construction code, the correct Group Names will appear. 3. Finally if I bring back my methods from #1 the List won't survive errors during binding. My code can pasted into playground http://demo.qooxdoo.org/devel/playground var doc = this.getRoot(); var rawData = []; for (var i = 0; i < 20; i++) { rawData[i] = { label:"Item No " + i, group: (i>10) ? "Group1" : "Group0" }; } var model = qx.data.marshal.Json.createModel(rawData); //create the list var list = new qx.ui.list.List(model).set({ labelPath: "label", groupLabelPath: "group", maxWidth: 200 }); // see qx.ui.list.core.IListDelegate var delegate = { group : function(data) { return data.getGroup(); }, configureItem : function (item) { // change appearance }, createGroupItem : function() { // we need this Composite as GroupItem because the bounds of GroupItem always managed by List and thus // we cannot manipulate its margins, etc var item = new qx.ui.container.Composite(new qx.ui.layout.VBox()); var label = new qx.ui.basic.Label(); // the label is added to the composite and we can manipulate its margins item.add(label); item.$$label = label; // margins defined in the Appearance return item; }, bindGroupItem : function (controller, item, id) { var label = item.$$label; if (id === 0) label.addState("noSeparator"); else label.removeState("noSeparator"); controller.bindProperty( controller.getGroupLabelPath(), "value", controller.getGroupLabelOptions(), label, id ); } }; list.setDelegate(delegate); list.setSelectionMode("additive"); //Pre-Select "Item No 20" list.getSelection().push(model.getItem(19)); list.getSelection().push(model.getItem(18)); //log selection changes list.getSelection().addListener("change", function(e) { this.debug("Selection: " + list.getSelection().getItem(0)); console.log( list.getSelection().getItem(0) ); }, this); doc.add(list); ------------------------------------------------------------------------------ Don't Limit Your Business. Reach for the Cloud. GigeNET's Cloud Solutions provide you with the tools and support that you need to offload your IT needs and focus on growing your business. Configured For All Businesses. Start Your Cloud Today. https://www.gigenetcloud.com/ _______________________________________________ qooxdoo-devel mailing list qooxdoo-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
