Kendo行突出顯示

Question

我有一個kendo模板，以下是突出顯示所選行的代碼。

kendo.data.binders.index = kendo.data.Binder.extend({ 
    refresh: function() { 
     var value = this.bindings["index"].get(); 
     if(viewModel.currentRow != null){ 
      $(".row-select").find('span').css("box-shadow", ""); 
      $(".row-select :input").filter(function(){ return this.value == value +1 }).parent().find('span').css("box-shadow", "0 0 5px 2px #357EBD"); 
     } 
    } 
}); 

有時會選擇兩行。我需要避免這種情況。 而不是this.value，我需要獲取RowIndex值。

Answer 1

我弄清楚了這個問題。

$(".row-select :input")到$(".row-select :rowIndex")

現在，它完美的作品。

Answer 2

請嘗試以下。添加索引以將過濾的行限制爲單行。

kendo.data.binders.index = kendo.data.Binder.extend({ 
    refresh: function() { 
     var value = this.bindings["index"].get(); 
     if(viewModel.currentRow != null){ 
      $(".row-select").find('span').css("box-shadow", ""); 
      $(".row-select :input").filter(function(){ return this.value == value +1 })[0].parent().find('span').css("box-shadow", "0 0 5px 2px #357EBD"); 
     } 
    } 
});