Hi, is it possible to have a callback when we sort the boards. The same functionality

I found this but don't know how to use it: <a class="issue-link js-issue-link" data-er

Hi <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="

That's I always send my fiddle to people here. <a href="https://jsfiddle.net/marco

dropEl function for sorting boards about jkanban HOT 4 CLOSED

Brecht272727 commented on June 12, 2024

dropEl function for sorting boards

from jkanban.

Comments (4)

Brecht272727 commented on June 12, 2024

I found this but don't know how to use it: #28

I think it is something with this function but i don`t know how to use it:

        dragendBoard: function (el) {
          console.log(el);
        },

If i can have the order of the boards is the most important! Something like we have here for the items:

      var _target = $(target.parentElement);
      var sorted = [];
      var nodes = kanban1.getBoardElements(_target.data("id"));
      var currentOrder = 0;
      nodes.forEach(function(value, index, array) {
        sorted.push({
          "id": $(value).data("eid"),
          "order": currentOrder++
        })
      });

from jkanban.

WriterStat commented on June 12, 2024

Hi @Brecht272727,

Answer:

dragendBoard is basically called when you drop/stop dragging a board.

Each board gets an updated data-order attribute. You can interrogate the boards in the DOM for their data-order.

You have to take into consideration Boards can be dragged. And automatic reordering would break any user customization.

from jkanban.

marcosrocha85 commented on June 12, 2024

That's I always send my fiddle to people here.
https://jsfiddle.net/marcosrocha85/Lk9t483r/

from jkanban.

Brecht272727 commented on June 12, 2024

My code how i solved this. With the ajax i saved the boards order in database:

          dragendBoard: function (el) {
            var nodes = el.parentElement.childNodes;
            var sorted = [];
            var currentOrder = 0;
            nodes.forEach(function(value, index, array) {
              sorted.push({
                "id": $(value).data("id"),
                "order": currentOrder++
              })
            });

            $.ajax({
              type: 'POST',
              url: 'assets/ajax/kanban-save-boards.php',
              dataType: 'html',
              cache: false,
              data: {
                sorted_array: JSON.stringify(sorted),
              },
              success: function (data) {
                console.log(data);
              },
              error: function (xhr, status, error) {
                  console.log('An error occurred');
                  var err = eval("(" + xhr.responseText + ")");
                  console.log(err);
              }
          });        

          },

from jkanban.

Recommend Projects