jqGrid Selected Row

Ceritanya minggu kemarin Mas Ore mendapatkan job untuk develop aplikasi machine dashboard dari kantornya. Harapan kita saat membuat desain adalah aplikasi tersebut dalam bentuk aplikasi web dan terlihat eye-catch ketika menampilkan data. Akhirnya diputuskan untuk menggunakan komponen AJAX.

Kebetulan sewaktu kerja di Frame Data, jqGrid adalah salah satu komponen andalan dalam menampilkan data. Post kali ini khusus untuk mencatat “gimana sih cara mendapatkan selected row di jqGrid?” Dari hasil googling dapatlah event untuk get selected row. Hanya get ID rownya setelah itu mendapatkan isi atau value dari cellnya. Berikut snippetnya :

$("#jq-element").jqGrid({
  url: fetchAction,
  datatype: "json",
  mtype: "GET",
  //..property lainnya
  onSelectRow: function (id) {
   var row = $(this).getRowData(id);
   console.log(row);
  }
});

onSelectRow adalah property event yang digunakan untuk mengetahui segala aktivitas select row di jqGrid. Variabel row menyimpan isi elemen row pada jqGrid. Sedangkan indexnya berasal dari parameter event yang sudah otomatis terkontrol. Cek isi cellnya cukup hanya dengan eksekusi fungsi getRowData(Row ID parameter). Kebetulan row diterima sudah dalam bentuk array (atau mungkin hash, saya sendiri kok kurang yakin). Berikut untuk cek isi cellnya.

console.log(row["namaField1"]);
console.log(row["namaField2.subNamaField2"]);

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.