jQuery UI Widgets › Forums › Layouts › Kanban › Multiple jqxkanbans issue
Tagged: kanban, multiple kanbans
This topic contains 1 reply, has 2 voices, and was last updated by Hristo 4 years, 2 months ago.
-
Author
-
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 + ")"); } } }); }
- This topic was modified 4 years, 3 months ago by wallace.wolf.
- This topic was modified 4 years, 3 months ago by wallace.wolf.
Hello wallace.wolf,
I tested this example and it seems to work fine:
https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxkanban/kanban-connected.htm?light
The approach that you use is not correct.
Please, provide me with more information about your scenario and if the example above does not help you I will try to suggest you something else.Best Regards,
Hristo HristovjQWidgets team
http://www.jqwidgets.com -
AuthorPosts
You must be logged in to reply to this topic.