При перемещении к указанному столбцу c я хочу предотвратить вставку в этот столбец в js - PullRequest
Новая
       42

При перемещении к указанному столбцу c я хочу предотвратить вставку в этот столбец в js

0 голосов
/ 18 января 2020

При перетаскивании на указанный столбец c я хочу предотвратить вставку в этот столбец. Внутри вставки я хочу показать призрачный значок по умолчанию (отключить), используя javascript

     $(document).ready(function () {

                    $(function () {
                        var kanbanCol = $('.panel-body');
                        kanbanCol.css('max-height', (window.innerHeight - 150) + 'px');

                        var kanbanColCount = parseInt(kanbanCol.length);
                        $('.scrumview').css('min-width', (kanbanColCount * 350) + 'px');

                        draggableInit();

                    });

                    function draggableInit() {
                        var sourceId;

                        $('[draggable=true]').bind('dragstart', function (event) {
                            sourceId = $(this).parent().attr('id');
                            // alert("SourceID  "+sourceId)
                            event.originalEvent.dataTransfer.setData("text/plain", event.target.getAttribute('id'));
                        });


     $('.panel-body').bind('dragover', function (event) {
        event.preventDefault();
    });


       $('.panel-body').bind('drop', function (event) {
                            alert();
                            var children = $(this).children();
                            var targetId = children.attr('id');
                            // alert("TargetID  " + targetId)

                            if (sourceId != targetId && (sourceId == 'Processingforreq') && targetId =='QCtest') {
                                var elementId = event.originalEvent.dataTransfer.getData("text/plain");
                                $('#processing-modal').modal('show');
                                $('#confirmUpdate').on('click', function () {
                                    setTimeout(function () {
                                        var element = document.getElementById(elementId);
                                        children.prepend(element);
                                        // $('#processing-modal').modal('toggle');
                                    }, 1000);
                                });
                            }
                            else if (sourceId != targetId && (sourceId == 'QCtest') && targetId =='Filling') {
                                var elementId = event.originalEvent.dataTransfer.getData("text/plain");
                                $('#processing-modal').modal('show');
                                $('#confirmUpdate').on('click', function () {
                                    setTimeout(function () {
                                        var element = document.getElementById(elementId);
                                        children.prepend(element);
                                    }, 1000);
                                });
                            }
});

enter image description here

см. Сайт: - https://bootsnipp.com/snippets/0yDZy

...