|
<ejs-kanban id="Kanban" keyField="Status" dataSource="@ViewBag.data" dataBinding="onbind" queryCellInfo="onQuerybind">
<e-kanban-columns>
<e-kanban-column headerText="To Do" keyField="Open"></e-kanban-column>
<e-kanban-column headerText="In Progress" keyField="InProgress"></e-kanban-column>
<e-kanban-column headerText="Testing" keyField="Testing"></e-kanban-column>
<e-kanban-column headerText="Done" keyField="Close"></e-kanban-column>
</e-kanban-columns>
<e-kanban-cardsettings contentField="Summary" headerField="Title"></e-kanban-cardsettings>
<e-kanban-swimlanesettings keyField="Assignee"></e-kanban-swimlanesettings>
</ejs-kanban>
function onbind() {
this.swimlaneSettings.sortComparer = sortComparer;
}
function sortComparer(args) {
// Add data in swimlane;
var s = { keyField: "Janet", textField: "testing" };
args.push(s);
// Remove data in swimlane
args.splice(1, 1);
// Edit textcontent in the swimlane
args[3].textField = "changed";
return args;
}
// Disbale particular swimlane
function onQuerybind(args) {
if (args.requestType = "swimlaneRow" || args.requestType === "contentRow") {
if (args.data[0].keyField === "Janet Leverling") {
args.element.classList.add('e-disabled');
}
}
}
| 
