Как установить цвет фона выбранного цвета кендо UI сетки

Question

программно я отображения результатов в Кендо UI и придания цвета фона для пользователей, чтобы установить через веб-клиент Часть properties.Below моя функция с привязкой к данным

dataBound: function(){ 
     $("#grid tr:odd").css("background-color", searchParams["c1"]); 


      $("#grid tr:even").css("background-color", searchParams["c2"]); 


      $("#grid tr:odd").hover(function() { 
       $(this).css("background-color", searchParams["c3"]); 
      }, function() { 
       $(this).css("background-color", searchParams["c1"]); 
      }); 


      $("#grid tr:even").hover(function() { 
       $(this).css("background-color", searchParams["c4"]); 
      }, function() { 
       $(this).css("background-color", searchParams["c2"]); 
      }); 


      **$("#grid tr").on('click', function() { 
       $(this).css("background-color", searchParams["c5"]); 
       $(this).css("border-color", searchParams["c5"]); 
      });** 

    } 

SearchParams - это функция, выбирающая цвета, выбранные пользователем. Я могу установить цвет фона строк (нечетные и четные и их цвета). Но когда я пытаюсь установить фоновый цвет выделенной строки (код между), это не сработает. Когда цвета строк не добавляются, выбранный цвет колонок работает, но когда цвета строк добавляются, выбранный цвет строки не работает. Я понимаю, что цвета строк принимают precende, но не уверены, что делать с этим.

Любая помощь приветствуется. Спасибо.

Answer 1

Я не совсем понимаю, что пытаются достичь или спросить. Но от того, что я понять из вопроса, решение, которое вы можете попробовать это использование класс, этот класс будет добавлен к тд, что вы щелкнули состояния выбранных к/выбрать так здесь идет код

$("#grid tr").on('click', function() { 
     if($(this).find("td .k-state-selected")){ 
      $(this).css("background-color", "pink"); 
     } 
    }); 

Дело в том, что он сделает только выбранный розовый, а другой, который вы уже выбрали, останется розовым. Вместо того, чтобы попробовать использовать kendo grid's change event, добавив этот

change:function(e){ 
    $("#grid tr:odd").css("background-color", "red"); 
    $("#grid tr:even").css("background-color", "green"); 
    $("tr:has(td.k-state-selected)").css("background-color", "pink"); 
}, 

Working Example Here