How to use webix kanban in ZK zul.wgt.Div?
I am looking for something like in this site:
http://books.zkoss.org/wiki/Small_Talks/2014/October/Integrate_ZK_with_dhtmlxGantt
This code display empty screen:
kanban.zul contains element <div id=“kanban” vflex=“1” “w:use=“zul.wgt.KanbanObject”>”
KanbanObject.js:
zk.afterLoad('zul.wgt', function () {
zul.wgt.KanbanObject = zk.$extends(zul.wgt.Div, {
bind_: function () {
this.$supers('bind_', arguments);
},
unbind_: function () {
this.$supers('unbind_', arguments);
},
_init: function (task_set) {
webix.ui({
view:"kanban", type:"space",
cols:[
{ header:"Backlog",
body:{ view:"kanbanlist", status:"new" }},
{ header:"In Progress",
body:{ view:"kanbanlist", status:"work" }},
{ header:"Testing",
body:{ view:"kanbanlist", status:"test" }},
{ header:"Done",
body:{ view:"kanbanlist", status:"done" }}
],
data: base_task_set
});
}
,
_attachGanttEvent: function() {
var self = this;
},
_detachGanttEvent: function() {
//webix.detachAllEvents();
},
_resolveConfliction: function() {
}
});
});
var base_task_set =[
{ id:1, status:"new", text:"Task 1", tags:"webix,docs", comments:[{text:"Comment 1"}, {text:"Comment 2"}] },
{ id:2, status:"work", text:"Task 2", color:"red", tags:"webix", votes:1, personId: 4 },
{ id:3, status:"work", text:"Task 3", tags:"webix,docs", comments:[{text:"Comment 1"}], personId: 6 },
{ id:4, status:"test", text:"Task 4 pending", tags:"webix 2.5", votes:1, personId: 5 },
{ id:5, status:"new", text:"Task 5", tags:"webix,docs", votes:3 },
{ id:5, status:"new", text:"Task 6", tags:"webix,kanban", comments:[{text:"Comment 1"}, {text:"Comment 2"}], personId: 2 },
{ id:6, status:"work", text:"Task 7", tags:"webix", votes:2, personId: 7, image: "image001.png" },
{ id:7, status:"work", text:"Task 8", tags:"webix", comments:[{text:"Comment 1"}, {text:"Comment 2"}], votes:5, personId: 4 },
{ id:8, status:"work", text:"Task 9", tags:"webix", votes:1, personId: 2},
{ id:9, status:"work", text:"Task 10", tags:"webix", comments:[{text:"Comment 1"}, {text:"Comment 2"}, {text:"Comment 3"}], votes:10, personId:1 },
{ id:10, status:"work", text:"Task 11", tags:"webix 2.5", votes:3, personId: 8 },
{ id:11, status:"done", text:"Task 12", votes:2 , personId: 8, image: "image002.png"},
{ id:12, status:"ready", text:"Task 14", personId: 8}
];
Unfortunately, we don’t have any ready-to-use example of such integration