问Dragula禁用拖动以重新排序
EN

Stack Overflow用户

提问于 2019-01-23 01:38:15

回答 1查看 1.4K关注 0票数 0

我正在使用这个可怕的库拖放功能。Dragula非常擅长拖放。

我要做的一件事是禁用拖放，以便在自己的容器中重新排序。但是，如果要拖放到连接/链接的容器中，则应该允许拖动。

例如，下面两个div标记作为容器

<div dragula="dropContainer" id="dropbag1" [(dragulaModel)]="bagOneModel">
   <div *ngFor="let model of bagOneModel" class="col-sm-2 col-md-2 col-lg-2">
     {{model}}
   </div>
</div>


<div dragula="dropContainer" id="dropbag2" [(dragulaModel)]="bag2Model">
   <div *ngFor="let model of bag2Model" class="col-sm-2 col-md-2 col-lg-2">
     {{model}}
    <!-- don't allow re ordering in this container -->
   </div>
</div>

dragula

ng2-dragula

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-01-24 19:43:28

很容易创建允许拖动的东西：

从A到B
从B到A并禁用
在A内重新排序
B内重新订购

在您的name.component.ts中，应该添加：

constructor(public dragulaService: DragulaService) {

    dragulaService.createGroup('dropContainer', {
        accepts: (el, target, source, sibling): boolean => {
            if (!target || !source || (target === source)) {
                 return false;
            }
            return true;
        }    
    });
}

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54318873

复制

相似问题

问Dragula禁用拖动以重新排序
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Dragula禁用拖动以重新排序EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Dragula禁用拖动以重新排序
EN