Как получить виджеты Gridstack.js для удаления при перетаскивании в указанный div - PullRequest
Новая
       31

Как получить виджеты Gridstack.js для удаления при перетаскивании в указанный div

0 голосов
/ 17 января 2019

Я пытаюсь удалить виджеты в сетке, когда виджет перетаскивается в отдельный элемент Div, но я не могу заставить его работать, используя «съемный» в настройках сетки.

Я просмотрел документы (https://github.com/gridstack/gridstack.js/tree/develop/doc) и перепробовал различные варианты, которые там есть, а также попытался скопировать одну из демонстраций с работающей функциональностью (http://gridstackjs.com/demo/two.html) искали других людей, у которых тоже были эти проблемы, но они не могли найти ни одной публикации, которая могла бы помочь с этой проблемой.

Первый Div - это место, куда я хочу перетащить виджеты, а второе - куда я буду их перетаскивать. 

    <div class = 'trash ui-droppable'>
        <h1 class = 'text-center pt-4'><?= FontAwesome::light('trash'); ?> 
    </h1>
    </div>

    <div class = 'grid-stack mt-3 ui-droppable'>
        <!-- Widgets set here -->
    </div>

Вот JQuery, который устанавливает параметры сетки, вариант, который, я думаю, должен позволять вставлять виджеты, можно удалить и установить для него имя первого класса Div ".trash". 

    var options = {
        cellHeight: 100,
        verticalMargin: 10,
        removable: '.trash'
    };
    $('.grid-stack').gridstack(options);

Что должно произойти, я перетаскиваю виджет в верхний элемент Div, и виджет должен быть полностью удален из сетки, но вместо этого, когда он перетаскивается и освобождается, он действует как перетаскиваемый из сетки и помещает его обратно туда, где он был.

1 Ответ

0 голосов
/ 01 июля 2019

У меня была та же проблема, которая была устранена путем задания минимального значения высоты для мусорного элемента div (например, 75 пикселей).

...