Hi!
I’m using multiple jqxkanbans on same page, building an structure dinamically and everything woks fine to show kanban elements. But I dont know why, all jqxkanban cards are related with the first kanban.
The problem is: can’t move those cards between columns that are from their own kanban.
Here’s the code:
var html = '';
for (var i = 0; i < data.Data.Issues.length; i++) {
issue = data.Data.Issues[i];
html += '<div id="kanban-issue-header-' + issue.IssueKey + '" style="width: 100%;">';
html += ' header content';
html += '</div>';
html += '<div id="kanban-issue-' + issue.IssueKey + '"></div>';
}
$('#content-kanban').html(html);
for (var j = 0; j < data.Data.Issues.length; j++) {
issue = data.Data.Issues[j];
$('#kanban-issue-' + issue.IssueKey).jqxKanban({
resources: new $.jqx.dataAdapter(issue.resourceSource),
source: new $.jqx.dataAdapter(issue.dataSource),
width: '100%',
height: '100%',
columns: [
{ text: 'Backlog', dataField: 'Backlog', collapsible: false },
{ text: 'In Progress', dataField: 'Doing', collapsible: false },
{ text: 'Impediment', dataField: 'Impediment', collapsible: false },
{ text: 'Done', dataField: 'Done', collapsible: false, maxItems: issue.dataSource.localData.length }
],
columnRenderer: function (element, collapsedElement, column) {
if (column.maxItems < 9999) {
var columnItems = $('#kanban-issue-' + issue.IssueKey).jqxKanban('getColumnItems', column.dataField).length;
element.find(".jqx-kanban-column-header-status").html(" (" + columnItems + "/" + column.maxItems + ")");
}
}
});
}