Question

我有一个分离器。在这个拆分器中，我正在为列表视图实现拖放功能。每个列表视图都以“表格”格式加载。

我想从左到右拖动列表视图。

对于第一个列表视图，我有这个代码：

var listViewOptions = {
    template: kendo.template(
        $("#Firsttemplate").html()
    ),
    dataSource: listdatSource,
}; 

var sourceListView = $("#First").kendoListView(listViewOptions).data("kendoListView");

var draggableOptions = {
    filter: "table",
    hint: function (e) {
        return $('<div class="new">' + e.html() + '</div>');
    }
}

sourceListView.element.kendoDraggable(draggableOptions);

在过滤器中，如果我给“table”/“tbody”列表视图的整个内容以行格式拖动，并且在删除之后它位于拆分器的右侧并显示在单行中。我希望以与leftside相同的格式显示。

你能告诉我怎么做吗？

由于

Answer 1

somejQueryElement.html()为您提供元素的内部HTML代码。因此，如果对表元素进行过滤，则e函数的参数hint为表，e.html()为表的内容。

如果你想拥有你的桌子，你必须在table标签中添加重新封装元素：

var draggableOptions = {
    filter: "table",
    hint: function (e) {
        return $('<div class="new"><table>' + e.html() + '</table></div>');
    }
}

在kendoUI中过滤拖放

1 个答案: