У меня есть сетка кендо, и я использую в нем множество функций перетаскивания. Когда я нажимаю на строку/запись и перетаскиваю ее в другую сетку, она показывает некоторую тень, которая выглядит не очень хорошо. Я не знаю, почему это происходит. Я хочу удалить эту тень. Пожалуйста, предоставьте некоторое решение. Заранее спасибо.
Мой код сетки кендо
$('#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);
}
});
В конструкторе kendoGrid
dataBound:function(){
this.selectable.userEvents._events.move = null;//disable marquee
}
Я получил эту проблему в случае перетаскивания нескольких списков в списке Kendo UI.
После анализа html в firebug я обнаружил, что существует div с классом "k-marquee", который создается, когда я начал перетаскивать выделенный элемент.
Поэтому я перепробовал этот класс в моем CSS с атрибутом display: none
и это сработало для меня. Код из моего файла css приведен ниже:
.k-marquee{display:none;}
Спасибо, Сандип Парашар