【问题标题】:Jquery UI Sortable drop and drag options (allowed and denied)Jquery UI 可排序拖放选项(允许和拒绝)
【发布时间】:2013-06-26 13:08:03
【问题描述】:

是否可以使用http://jqueryui.com/sortable/#empty-lists 框架做以下场景:

Group 1        Group 2         Group 3
--------------------------------------
Item 1         Item 1          Item 1
Item 2         Item 2          Item 2
Item 3         Item 3          Item 3

我想这样做:我想禁用从第 2 组和第 3 组到第 1 组的可拖放操作,但允许从第 1 组到第 2 组和第 3 组的可拖放操作(第 1 组是否为空并不重要或者我不想拒绝任何其他组将项目拖放到其中,但从它允许这些操作)。

有可能吗?

【问题讨论】:

  • 你试过了吗?
  • 是的,但我什么也没做。
  • 实际上,我对此有一些逻辑,该逻辑是当您调用更新事件时,当您将项目从一个组拖放到另一个组时,此事件被调用,您可以在此返回 false事件。不过我想知道这个插件有没有这个功能。
  • 我找到了解决方案:在 stop 事件 return false.

标签: jquery-ui drag-and-drop jquery-ui-sortable


【解决方案1】:

好吧,我用自己的解决方案完成了这个。我的解决方案是 stop 事件我只是 return false

类似这样的:

$( ".sortable_element" ).sortable({
    stop: function(event, ui)
    {
        if(something can not be droppable)
        {
            return false;
        }
    }
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-12-14
    • 2017-05-27
    • 2012-06-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多