Board items not updating?

Hi,

I’m trying to understand why this doesn’t work. So basically, I have 3 boards. The first board has 3 items in. In my function I have these callbacks:

                dragendBoard: function(el) {
                  updateSortOrders();
                },
                dragendEl: function(el) {
                  updateSortOrders();
                }

Then this function that gets called:

function updateSortOrders() {
  console.dir({ setup: KanbanTest.options.boards });
}

The issue is that for some reason KanbanTest.options.boards remains the same output, even when I have moved items?

This is how it looks when we init the page: https://ibb.co/WfmCYXh This is what I see in updateSortOrders() with the dump: https://ibb.co/GRksjF1 Here is how it looks after I move one item into another slide: https://ibb.co/Y2j3pKn

The problem is that the dump of the boards looks exactly the same (i.e the entry hasn’t been moved into the 2nd one).

Am I missing something?

Thanks!

Andy

[youradds]

Just as an update - below is the code I managed to get working - just in case its useful to someone in the future 😃

  var boards = Array.from(document.querySelectorAll(".kanban-container .kanban-board"));

  var updatesToSend = new Array();

  boards.forEach(function (board, i) {

    console.dir( { board: board });

    // get the board id and title 
    var board_id = board.getAttribute("data-id");
    var board_title = document.querySelectorAll(`.kanban-board[data-id="${board_id}"] .kanban-title-board`)[0].innerHTML;

    // get each of the elements in this one...
    var allEle = KanbanTest.getBoardElements(board_id);
    var the_items = new Array();
    allEle.forEach(function(item, i_item) {

      var theContents = item.innerHTML;
      theContents = theContents.replace("<div class=\"item_handle drag_handler\"><i class=\"item_handle drag_handler_icon\"></i></div><div>","");
      theContents = theContents.replace("</div>","");

      the_items.push({ sort_order: i_item+1, contents: theContents });

    });

    updatesToSend.push({ board_id: board.getAttribute("data-id"), board_title: board_title, sort_order: i+1, items: the_items });

  });

  var the_setup = JSON.stringify(updatesToSend);

This includes the boards (in their current order), and then the items also in their order. I then send this to our server, and do the magic on there in terms of updating the records

[youradds]

😦 Thanks for the quick response though.

Unfortunately, I’m good at using modules, but not so much at editing them / making forks 😃 So I’ll just have to make do with the other method I had.