jQuery сортировка и AJAX перетаскивание по столбцам - PullRequest
Новая
       29

jQuery сортировка и AJAX перетаскивание по столбцам

0 голосов
/ 10 апреля 2020

У меня проблема с jQuery. Я могу только перетащить элемент в другой столбец. Если я изменяю порядок в том же столбце, элемент не переносит идентификатор и перемещается в другой столбец, это выдает ошибку дублирования идентификатора.

  1. Пример того, как это

    • Колонка A - 1, 2, 3, 4
    • Колонка B - 1, 2, 3, 4
    • Колонка C - 1, 2, 3, 4

  2. Как и должно быть:

    • Колонка A - 1, 2, 3, 4
    • Колонка B - 5, 6, 7 , 8
    • Колонка C - 9, 10, 11, 12

Может ли кто-нибудь мне помочь? 

$(function() {
    var url = 'edit.php';
    $('ul[id^="sort"]').sortable({
        connectWith : ".sortable",
        receive : function(e, ui) {

            var order_id = (ui.item).index();
            var oldIndex = $(this).attr('data-previndex');
            var element_id = (ui.item).attr('id');
            var status_id = $(ui.item).parent(".sortable").data("status-id");
            var task_id = $(ui.item).data("task-id");
            var dNow = new Date();
            var localdate = dNow.getFullYear() + '-' + (dNow.getMonth()+1) + '-' + dNow.getDate() + ' ' + dNow.getHours() + ':' + dNow.getMinutes();

            $.ajax({
                url : url + '?status_id=' + status_id + '&ordem_id=' + order_id + '&task_id=' + task_id+  '&time=' + localdate,
                success : function(response) {
                    alert('?status_id=' + status_id + '&ordem_id=' + order_id + '&task_id=' + task_id +  '&time=' + localdate);
                }
            });
        }
    }).disableSelection();
});  

<div class="row">
    <div class="form-horizontal">
        <?php
        $total = mysql_num_rows($query_select_status); 
        if ($total !== 0) {

            while ($dados_categoria = mysql_fetch_object($query_select_status)) {
        ?>
                <div class="col-sm-6 col-lg-3">
                    <div class="card">
                        <div class="text">

                            <div data-background-color="rose">
                                <h4 class="card-title"><?php echo $dados_categoria->status_name; ?></h4>
                            </div>

                            <div class="card-content">
                                <ul class="sortable ui-sortable nav nav-pills-icons nav-pills-rose" id="sort<?php echo $dados_categoria->id; ?>" data-status-id="<?php echo $dados_categoria->id; ?>">
                                    <?php

                                    $query_select_evento = $mysql->sql_query("Select * from ficha_eventos where id_status = $id") or die("Erro T&eacute;cnico:" . mysql_error());

                                    while ($dados_eventos = mysql_fetch_object($query_select_evento)) {

                                    ?>
                                        <li onclick="getPaging(this.value)" class="text-row ui-sortable-handle" data-task-id="<?php echo $dados_eventos->id; ?>">
                                            <?php echo $dados_eventos->id_usuario; ?>
                                        </li>
                                    <?php
                                    }

                                    ?>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
        <?php
            }
        }
        ?>
    </div>
</div>
...