2016-03-24 16 views
0
ben Kendo arayüzünde sonuçlarını görüntülemek ve kullanıcıların Müşteri Web Bölümü properties.Below aracılığıyla ayarlamak için arka plan renklerini veriyorum

benim veri sınırlama fonksiyonudurSeçilen renk kendo ui ızgara arka plan rengini nasıl ayarlanır programlama yoluyla

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, kullanıcı tarafından seçilen renkleri alan bir işlevdir. Satırların arka plan rengini ayarlayabiliyorum (tek ve çift ve renkleri). Ama seçili satırın arka plan rengini (kodu arasında) ayarlamaya çalıştığımda, bu çalışmaz. Satır renkleri eklenmediğinde, seçilen satır rengi çalışır, ancak satır renkleri eklendiğinde, seçili satır rengi çalışmaz. Satır renklerinin ön plana çıktığını biliyorum, ancak bu konuda ne yapacağımı bilmiyorum.

Herhangi bir yardım için teşekkür ederiz. Teşekkür ederiz.

cevap

0

Asla ne yapmaya çalıştığını veya ne sorduğunu anlamadım. Ama sorudan kavramak kadarıyla, sen deneyebilirsiniz çözümdür k-devlet seçilmiş sınıfını, bu sınıf tıklayın td eklenecektir/işte seçmek kullanan kodu

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

gider Mesele şu ki, sadece seçilen pembeyi seçecek ama zaten seçtiğiniz diğer pembenin kalması. Bunun yerine, aynı zamanda, bu

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

+0

size Raharja –

+0

sevindim ı yardımcı olabilecek çok teşekkür ederim ekleyerek kendo grid's change event kullanmaya çalışın şerefe ben sadece kontrol Hey, satır olarak seçilebilir yapıyorum –

+0

. $ ("tr: has (td.k-state-selected)") biçimini dönüştürür misiniz? Css ("arka plan rengi", "pembe"); Seçilen bir satır için . –

İlgili konular