jQuery UI Widgets Forums Layouts Kanban kanban new items order

This topic contains 3 replies, has 3 voices, and was last updated by  ksaidi 8 years, 7 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • kanban new items order #83989

    ksaidi
    Participant

    Hi Everybody,

    A question about kanban and getColumnItems method.
    When the kanban is initialized, in my column, i have for example 4 items : A, B, C and D
    i moved the last item D to the second position. So i have : A, D, B and C.
    When i invoke getColumnItems, i still have A, B, C and D.
    is there a way to get the new items order ?
    Thx for any help.

    Regards,
    Ksaidi

    kanban new items order #84190

    ivailo
    Participant

    Hi Ksaidi,

    Unfortunately, there is no such a built-in functionality.

    Best Regards,
    Ivailo Ivanov

    jQWidgets Team
    http://www.jqwidgets.com

    kanban new items order #85652

    lourivalos83
    Participant

    Hi Ksaidi,

    I achieved this goal using this code:

    $('#kanban').on('itemMoved', function (event) {
                    var args = event.args;
                    var itemId = args.itemId;
                    var idx = $('#kanban_' + itemId).index();
                    alert(idx);
    }

    I just get DIV index on parent, using jQuery function. But, I do not know if this will be keep stable between versions…

    I thing that position is a basic feature on Kanban like components. This feature will be added in a near future?

    kanban new items order #85682

    ksaidi
    Participant

    Hi Iourivalos,

    Thx for your help. i have already found a workaround like yours.
    I also get the items DIVs position by their column id.

    function getListOrder(id) {
         var list = document.getElementById(id).childNodes;
         var listLength = list.length;
         var i=0;
         var res = [];
            
         for(var i=0; i<listLength; i++){
              var chaine = list.item(i).id;
              var tableau = chaine.split("_");
              var indexAuditee = tableau[1];
              res.push(indexAuditee);
         }
         var chaine = res.toString();
         return chaine;
    } 
    var listAuditees = getListOrder("kanban-column-container-0");
    var listAuditeesAudit = getListOrder("kanban-column-container-1");
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.