Wie Hintergrundfarbe einer ausgewählten Farbe Kendo ui Gitter programmatisch

Question

I Ergebnisse in Kendo UI eingestellt bin Anzeige und die Hintergrundfarben zu geben für die Benutzer durch Client-Webpart properties.Below auf meine Databound-Funktion

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 ist eine Funktion zum Abrufen der vom Benutzer ausgewählten Farben. Ich kann Hintergrundfarbe der Zeilen (ungerade und gerade und ihre Hover-Farben) festlegen. Aber wenn ich versuche, die Hintergrundfarbe von Selected row (Code zwischen) zu setzen, funktioniert das nicht. Wenn die Zeilenfarben nicht hinzugefügt werden, funktioniert die ausgewählte Zeilenfarbe, aber wenn die Zeilenfarben hinzugefügt werden, funktioniert die ausgewählte Zeilenfarbe nicht. Ich verstehe, dass Zeilenfarben zwar vorangehen, aber nicht sicher sind, was damit zu tun ist.

Jede Hilfe wird geschätzt. Danke.

Answer 1

Ich bin nicht völlig zu verstehen, was versuchen zu erreichen oder zu fragen. Aber von dem, was ich von der Frage erfassen, die Lösung, die Sie versuchen können, ist die Verwendung k-State-ausgewählt Klasse, wird diese Klasse des td hinzugefügt werden, die Sie anklicken/wählen geht so hier den Code

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

Die Sache ist, es wird nur das ausgewählte Rosa machen, aber das andere, das du bereits ausgewählt hast, bleib pink. Stattdessen versuchen auch kendo grid's change event zu nutzen, indem diese Zugabe

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