Kendo UI Grid多項選擇拖放問題

Question

我有一個劍道網格，並且我在其中使用多選拖放功能。 當我單擊行/記錄並將其拖動到另一個網格時，它顯示出一些陰影，看起來不太好。 我不知道為什么會這樣。 我想去除這個陰影。 請提供一些解決方案。 提前致謝。

我的劍道網格代碼是

 $('#MappedSecurity_Grid').kendoGrid({
            scrollable: true,
            sortable: {
                mode: "single",
                allowUnsort: false
            },
            pageable: false,
            selectable: "multiple, row",
            height: 500,
            dataSource: {
                data: data,
                schema: {
                    model: {
                        id: 'Id',
                        fields: { Text: { type: "string" } }
                    }
                }
            },
            columns: [{ field: "Text", title: "<b>" + GetLocalizedString('Category', globalVariables.cultureResources.EOR) + "</b>" }],

        }).addClass("draggable-grid");

我的拖放代碼在這里

 $("#MappedSecurity_Grid").kendoDraggable({
            filter: "tbody > tr",
            group: "gridGroup",
            //axis: "y",
            hint: function (itemClicked) {
                var helper = $('<div class="k-grid k-widget drag-helper"/>');
                if (!itemClicked.hasClass(selectedClass)) {
                    itemClicked.addClass(selectedClass).siblings().removeClass(selectedClass);
                }
                var elements = itemClicked.parent().children('.' + selectedClass).clone();
                itemClicked.data('multidrag', elements).siblings('.' + selectedClass).remove();
                return helper.append(elements);
            }

        });

Answer 1

在Kendo UI listview中進行多選拖放時，出現了這個問題。

在對Firebug中的html進行分析之后，我發現當我開始拖動所選項目時，正在創建一個帶有“ k-marquee”類的div。

因此，我使用屬性display: none覆蓋了CSS中的該類display: none ，它對我有用。 我的css文件中的代碼如下：

.k-marquee{display:none;}

謝謝，Sandeep Parashar

Answer 2

在kendoGrid構造函數中

dataBound:function(){
   this.selectable.userEvents._events.move = null;//disable marquee
}

Answer 3

Jershell得到了正確的答案（謝謝！），但是拖放事件仍然遇到其他沖突。

為確保您的拖放流暢，請禁用這3個事件：

dataBound: function(){
   this.selectable.userEvents._events.move = null;
   this.selectable.userEvents._events.start = null;
   this.selectable.userEvents._events.end = null;
}