1

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

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

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

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”，则列表视图的全部内容以行格式拖动，并且在放置后它位于拆分器的右侧并显示在单行中。我想以与左侧相同的格式显示。

你能告诉我怎么做吗？

谢谢

4

1 回答 1

0

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

如果你想要你的表格，你必须在table标签中添加重新封装元素：

var draggableOptions = {
    filter: "table",
    hint: function (e) {
        return $('<div class="new"><table>' + e.html() + '</table></div>');
    }
}
于 2012-11-26T16:16:15.123 回答