Our flexible Kanban board for managing tasks with drag drop


Post by gearheart »

Hello,

We are planning to use TaskBoard for large data collections 500k items.

As far as I understand, TaskBoard needs all items to be downloaded right away. Is there a way to make TaskBoard load only portion of the data, for example having independent infinity scrolls in each column?
So that it was a seamless experience for the user without long data load in the beginning?


Post by marcio »

Hey gearhart,

Thanks for reaching out, we have a demo for a big dataset here https://bryntum.com/products/taskboard/examples/bigdataset/

If you want to implement pagination, you need to look here https://bryntum.com/products/taskboard/docs/api/Core/data/AjaxStore and set some pagination configs in your taskStore, and if you want to trigger manually the page load, most likely that you need to have set this event https://bryntum.com/products/taskboard/docs/api/Core/helper/util/Scroller#event-scrollend

You can get some insights from this Grid demo https://bryntum.com/products/grid/examples/paged/ but instead of having a pagination element, you can listen to that scrollend event and from there trigger manually the next page load.

If you need more clarification, please don't hesitate to contact us. :)

Best regards,
Márcio


Post by gearheart »

Thank you

Do I understand correctly that if I specify filter and pagination parameters in AjaxStore - TaskBoard will automatically send individual queries for each column?

If doing things manually - can this work with swim lanes?


Post by johan.isaksson »

Hello,

First I most say that while TaskBoard can handle large datasets, a kanban board is not the ideal UI for it. It is better suited for a dataset of limited size.

Secondly sorry but no, TaskBoard has not been designed to handle pagination and it wont send individual queries per column.

Currently it has no mechanism to "load on demand", but you can try implementing it in your app. I would probably try listening for the https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoard#event-renderTask event. When it is triggered for the last (or last-ish) task in a column, load more tasks and add them to the store.

If you have very many tasks per swimlane, you might want to consider setting a height on the swimlanes to make them individually scrollable.

Best regards,
Johan Isaksson

Post Reply