makaleler / Diğer Konular / Flexigrid change row color

Flexigrid change row color

19.12.2014 01:28:14

Flexigrid üzerinde koşula göre satırları reklendirme işlemi

Flexigrid change row color

Örnek css tanımı
.yellow {
    background:yellow;
}


            $("#flexReklam").flexigrid
            (
            {
            .................bla bla bla
            onSuccess: gridFormat,
            singleSelect: true
            });


            function gridFormat(){
                var i=0;
                for (i=0;i < document.getElementById("flexReklam").rows.length;i++)
                {
                    var table=document.getElementById("flexReklam");
                    // hücreler 0 dan başlar 
                    // Biz kontrol edeceğimiz alanı hide olarak ekledik ve column numarası 1 dir.
                    var durum_kontrol=table.rows[i].cells[1].firstChild.innerHTML;
                    if (durum_kontrol=="1") {
                        table.rows[i].cells[2].firstChild.style.backgroundColor="yellow";
                        table.rows[i].classList.remove("erow");
                        table.rows[i].classList.add("yellow");
                        // table.rows[i].cells[1].firstChild.style.backgroundColor="#FF0";
                        // table.rows[i].style.backgroundColor="#FF0";
                    }
                    if (durum_kontrol=="2") {
                        // table.rows[i].cells[1].firstChild.style.backgroundColor="#00FF00";
                        // table.rows[i].style.backgroundColor="#00FF00";
                        table.rows[i].cells[1].firstChild.style.backgroundColor="green";
                        table.rows[i].classList.remove("erow");
                        table.rows[i].classList.add("green");
                    }
                }
            }

Arama yapılan kelimeler
yazar husonet

Yorumlar

Bu içerik için sizde yorum yapabilirsiniz!
anasayfa | makaleler | haberler | dosyalar | linkler | hakkımızda