Kendo UI Grid вопрос множественного выделения

Question

Kendo UI Grid вопрос множественного выделения

0

У меня есть сетка кендо, и я использую в нем множество функций перетаскивания. Когда я нажимаю на строку/запись и перетаскиваю ее в другую сетку, она показывает некоторую тень, которая выглядит не очень хорошо. Я не знаю, почему это происходит. Я хочу удалить эту тень. Пожалуйста, предоставьте некоторое решение. Заранее спасибо.

Мой код сетки кендо

 $('#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);
            }

        });

Ankush Jain 01 апр. 2014, в 13:06

Источник

Теги:

jquery

drag-and-drop

kendo-ui

kendo-grid

2 ответа

3

Я получил эту проблему в случае перетаскивания нескольких списков в списке Kendo UI.

После анализа html в firebug я обнаружил, что существует div с классом "k-marquee", который создается, когда я начал перетаскивать выделенный элемент.

Поэтому я перепробовал этот класс в моем CSS с атрибутом display: none и это сработало для меня. Код из моего файла css приведен ниже:

.k-marquee{display:none;}

Спасибо, Сандип Парашар

user3560659 22 апр. 2014, в 12:13

0

Привет, спасибо за помощь. Но это отменяет поведение во всех сетках. Я хочу это исправить только для одной сетки.
Ankush Jain 07 июль 2014, в 10:20

Ещё вопросы

Привет, спасибо за помощь. Но это отменяет поведение во всех сетках. Я хочу это исправить только для одной сетки.

jershell · Accepted Answer · 2014-06-18T04-04-00.000Z

В конструкторе kendoGrid

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

Это отключает поле перетаскивания для выбора, однако у меня возникла проблема, что если вы щелкнете по строке, чтобы выделить ее, и случайно перетащите ее немного, она не будет выделена, как ожидается. Наилучший способ, который я нашел до сих пор, это установить событие перемещения в событие tap, например: this.selectable.userEvents._events.move = this.selectable.userEvents._events.tap