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;
}