Перетащите строку в пустую таблицу с помощью Dragula

Я пытаюсь использовать Dragula (на самом деле с angular-dragula), чтобы перетащить строку из одной таблицы в другую. Если в обеих таблицах есть строки, проблем нет, но бывают случаи, когда целевая таблица будет пустой. Как сделать так, чтобы пустая таблица допускала сброс?


javascript dragula
person mykbaker    schedule 27.05.2016    source источник

Ответы (2)


arrow_upward
6
arrow_downward

Может быть, стол слишком мал? Попробуйте изменить min-height.

Вставить строку-заполнитель, когда в таблице ничего нет http://plnkr.co/edit/0TBXXZOBAKnGxHig3xzD?p=preview

person hayden    schedule 01.06.2016
comment
Я попытался изменить минимальную высоту, но, похоже, она не регистрируется для таблицы без строк. - person mykbaker; 02.06.2016
comment
вставка строки-заполнителя решила эту проблему для меня, спасибо. - person mykbaker; 05.08.2016

arrow_upward
3
arrow_downward

Я решил это, используя мощность angular2. Если массив (модели) пуст, я добавляю div в качестве контейнера перетаскивания, иначе я показываю этот контейнер, содержащий массив. где у сумки класса "минимальная высота: 50 пикселей";

    <div *ngIf="models.length > 0">
        <div
        *ngFor="let model of models" 
        [dragula]='"third-bag"'
        [dragulaModel]='models'
        class="dropbag">
            <div class="col-xs-12 center-content">
                <img [src]="model.imageThumb" alt="NA">
            </div>
        </div>
    </div>
    <div *ngIf="models.length <= 0">
        <div
        [dragula]='"third-bag"'
        [dragulaModel]='models'
        class="dropbag">
            <div class="col-xs-12 center-content">
                <img src="" alt="No Content">
            </div>
        </div>
    </div>
person Community    schedule 14.06.2016