は、選択した色剣道UIグリッドの背景色を設定する方法をプログラム

Question

私は剣道UIで結果を表示し、ユーザーがクライアントのWebパーツ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は、ユーザーが選択した色を取得する関数です。私は行の背景色（奇数と偶数とそのホバーカラー）を設定することができます。しかし、選択行（コードの間に）の背景色を設定しようとすると、これは機能しません。行の色が追加されない場合、選択された行の色は機能しますが、行の色が追加されると、選択された行の色は機能しません。私は行の色が正確ではあるが、これについて何をすべきかわからないことを理解しています。

何か助けていただければ幸いです。 ありがとうございます。

Answer 1

私は、何を達成しようとしているのか、尋ねようとしているのか完全に理解していません。あなたが試すことが解決策がK-状態-選択クラスを利用しているが、私は質問から把握したものから、このクラスではので、ここであなたがクリックTD /選択に追加されるコードは

行く

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

問題は、それは選択されたピンクを作るだけですが、あなたがすでに選択したピンクはピンクになります。代わりにすることも、この

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