Set Specific row style in jqgrid

Mengatur style untuk baris pada jqgrid (Bahasa Indonesianya gitu..)

Permasalahan ini saya temui ketika akan membuat tabel dengan Jqgrid, kemudian ada pengelompokan baris tertentu. Misalnya ketika pada field “Status” ternyata masih kosong, maka baris tersebut akan berwarna merah (tugas dari temen sih sebenernya :P). Kalo misal table yang dibuat bukan dari plugin JQgrid mungkin tidak terlalu ribet, apalagi dokumentasi JQgrid sangat minim menurut saya.Dan juga desain table yang saya gunakan tidak setandar!!! hah, gimana ini..

Setelah browsing dan disambi twitteran, serta google plus-an (halah) dan tidak lupa ngaskus..akhirnya nemu inspirasi juga..

Beberapa cara yang sempat terpikirkan :

  • Looping setiap halaman dan cari valuenya : ternyata ga bisa karena ngakses rownya dari ID, dan ID nya ga sama dengan nomor record nya (ini )
  • Looping sampe row terakhir : ini juga ga bisa, apalagi dtanya sampe 4000, berat loadnya..
  • Menggunakan looping pake jquery.each(), cari ID row kemudian cocokan valuenya

Ternyata cara yang terakhir yang paling cocok dan bisa di aplikasikan dalam kasus yang saya alami. Script yang saya gunakan seperti ini

loadComplete: function() {
 $('.jqgrow').each(function(index,value){//looping semua baris jqgrid
 var idRow = $(this).attr("id");//cari idRow nya
 var data = jQuery('#list1').jqGrid ('getCell', idRow, 'colomname'); //cari value dari cell "collomname"
 if(data!="Aktif"){ //cocokan dengan syaratnya
 grid.jqGrid('setRowData',idRow,"false",'ui-state-error'); //set style untuk baris tersebut
 }
 });
 },

Hasilnya kira-kira seperti gambar pada artikel ini… semoga membantu..

  • ikamri doeganz

    mas bisa minta scriptnya
    maaf masih newbie belajar codeigniter
    thx