我制作了自定义列表项视图(基于http://news.qooxdoo.org/tutorial-part-4-2-custom-widgets-4)。
我对此列表中的选择项目有疑问。总是选择第一个元素(无论我将单击列表中的哪个元素)。
我应该怎么做才能解决我的问题?
这是我的列表项小部件:
qx.Class.define("project.MyView", {
扩展:qx.ui.core.Widget,
包括:[qx.ui.form.MModelProperty],
构造:函数(){
this.base(参数);
var layout = new qx.ui.layout.Grid(4, 2);
layout.setColumnFlex(1, 1);
this._setLayout(布局);
this._createChildControl("icon");
this._createChildControl("date");
this._createChildControl("描述");
},
特性 : {
外貌 : {
精炼:真,
初始化:“列表项”
},
图标 : {
检查:“字符串”,
应用:“_applyIcon”,
可为空:真
},
日期 : {
检查:“字符串”,
申请:“_applyDate”,
可为空:真
},
描述 : {
检查:“字符串”,
应用:“_applyDescription”,
可为空:真
}
},
成员:{
_createChildControlImpl:函数(id){
变量控制;
开关(ID){
案例“图标”:
控制 = 新 qx.ui.basic.Image(this.getIcon());
control.setAnonymous(true);
this._add(控制,{
行:0,
列:0,
行跨度:2
});
休息;
案例“日期”:
control = new qx.ui.basic.Label(this.getDate());
control.setAnonymous(true);
this._add(控制,{
行:0,
栏目:2
});
休息;
案例“描述”:
control = new qx.ui.basic.Label(this.getDescription());
control.setAnonymous(true);
control.setRich(true);
this._add(控制,{
行:0,
栏目:1
});
休息;
}
返回控制 || this.base(参数,id);
},
_applyIcon:函数(值,旧){
var icon = this.getChildControl("icon");
icon.setSource(值);
},
_applyDescription:函数(值,旧){
var description = this.getChildControl("description");
描述.setValue(值);
},
_applyDate:函数(值,旧){
var date = this.getChildControl("date");
日期.setValue(值);
}
},
破坏:函数(){
}
});
...以及我如何使用它:
this.list = new qx.ui.form.List();
this.listController = new qx.data.controller.List(null, this.list);
this.listController.setDelegate({
创建项目:函数(){
返回新项目.MyView();
},
绑定项目:函数(控制器,项目,ID){
controller.bindProperty("description", "description", null,item, id);
controller.bindProperty("icon", "icon", null, item, id);
controller.bindProperty("date", "date", null, item, id);
},
配置项目:功能(项目){
item.getChildControl("icon").setWidth(48);
item.getChildControl("icon").setHeight(48);
item.getChildControl("icon").setScale(true);
item.setMinHeight(52);
}
});