拖拽使用Kendo UI排序

时间:2015-11-04 10:36:24

标签: jquery-ui kendo-ui telerik

我想实现与jQuery UI Draggable& amp;可排序,但使用Kendo UI。

这应该允许我从选项列表中拖动并将它们放在可排序的列表中。

以下是jQuery UI功能:http://jqueryui.com/draggable/#sortable

我想要2个面板,一个包含可以拖动的项目,另一个包含拖动的项目。我在Kendo UI上找到的最接近的是:http://demos.telerik.com/kendo-ui/sortable/linkedlists,但是第一个列表中的项目(左侧)是可排序的,这会从第一个列表中移动项目。

我查看了Teleriks网站上的所有Kendo UI示例,但我看不到任何有关如何执行此操作的示例。

更新

我现在在那里。我有2个可排序的列表,我添加了代码来阻止“可拖动的”#39;可排序的项目。但是,当我将某个项目拖到“可排序”状态时它会从“可拖动的”消失中消失。列表。

这是我用来停止可排序项目的代码:

start: function() {
  $("#draggable li").each(function() {
    $(this).removeClass("sortable");
  });

这是小提琴:http://jsfiddle.net/kgjertsen/r4xmLevq/

任何人都能告诉我如何阻止物品消失吗?

1 个答案:

答案 0 :(得分:0)

经过大量调查后发现,你无法将draggable与sortable链接起来,就像使用jQuery一样。您需要将项目放入容器中,然后将其从默认位置(位于底部)进行排序。

Telerik通过声明说明他们无法实现此行为,因为控件无法相互了解,因为这是不好的做法。

就个人而言,我认为这很糟糕,功能将是Kendo UI库的一个很好的补充。