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」を指定すると、リストビューのコンテンツ全体が行形式でドラッグされ、ドロップした後、スプリッタの右側に表示され、1行で表示されます。左側と同じフォーマットで表示したい。

これを行う方法を教えてもらえますか？

ありがとう

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 に答える