2014-04-01 126 views
0

我有一個kendo網格,我在其中使用多選拖放功能。當我點擊行/記錄並將其拖到另一個網格時,它顯示出一些陰影,這看起來不太好。我不知道它爲什麼會發生。我想刪除這個陰影。請提供一些解決方案。提前致謝。Kendo UI Grid多選拖放問題

我的劍道電網代碼

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

     }); 

enter image description here

回答

3

在kendoGrid構造

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

Whopieee,你讓我的一天! –

+0

這確實會禁用拖拽到選擇框,但是我遇到了這樣的問題,即如果單擊某行以突出顯示該對象,並且意外輕微拖拽,則不會像預期的那樣突出顯示該行。到目前爲止,我發現的最佳方式是將移動事件設置爲如下這樣的點按事件: this.selectable.userEvents._events.move = this.selectable.userEvents._events.tap – Sgraffite

3

我多選拖放的情況下得到這個問題在Kendo UI listview中。

在分析了firebug中的html之後,我發現有一個帶有'k-marquee'類的div,當我開始拖動選定的項目時正在創建該div。

所以我在我的css中覆蓋了那個類,屬性爲display: none,它對我很有幫助。從我的CSS文件中的代碼如下:

.k-marquee{display:none;} 

感謝, 桑迪普Parashar

+0

嗨,由於一噸的幫助。但是這會覆蓋所有網格中的行爲。我只想要一個網格的修復程序。 –