Hlo salam kenal..
saya sedang belajar membuat aplikasi Management data yang menggunakan CI dan JQuery Grid.
Namun saya bingung dalam Menerapkan JQgrid dengan Script CI, Mohon bila ada contoh simple aplikasi tolong di share.
February 25, 2010
by noocom,
1 year 22 weeks ago Comment: 5965
Sebenarnya simple, gini caranya :
pertama di bagian controller yang mau nampilin halaman cukup load view aja ga perlu di utak-atik.
kemudian di bagian view load semua file (.css dan .js) yang diperlukan untuk jqgrid
tambahkan tag <table> yang nantinya akan di replace dg grid
+ <div> buat navigasinya
kemudian baru di inisialisasi jqgrid nya.
yang perlu di perhatikan adalah
1. url nya
2. tipe datanya
3. colNames
4. colModel
untuk url bisa nge-link ke kontroller manapun, bisa ke kontroller yang sama dengan yang nampilin halaman, tapi buat fungsi sendiri, get_data() misalkan.
jadi buat fungsi baru yang fungsinya untuk membaca data dari dB dan kemudian data itu di format sesuai dengan yang di inginkan oleh jqGrid (XML/JSON).
kemudian untuk tipe data, menurut dokumentasinya jqgrid, bisa XML, JSON, trus apa lagi yah lupa...
yang sudah ku coba ya itu XML dan JSON.
colNames dan colModel panjangnya harus sama dan sesuai dengan data yang di ambil dr url
untuk mengaktifkan searching dan sorting, di bagian fungsi untuk membaca data dapat ditambahkan parameter" yang nantinya untuk memfilter data (halah apaan sih..). pokoknya parameter itu di dapat dengan $_GET or $_REQUEST aku dah coba dengan $this->input->get_post() nya CI tapi ga bisa, yang nantinya parameter itu sebagai ... apa sih namanya... itu loh kalo kita jalankan query maka ada WHERE nya dan ORDER BY ...
pokoknya itu lah.
kalo mau yang udah jalan aku ada, tapi gimana uploadnya nih? diupload kemana?
Comments
saya mau
May 20, 2011 by eddy313, 11 weeks 4 hours ago
Comment: 8192
mau dong krm ke [email protected]
eddy
May 20, 2011 by eddy313, 11 weeks 4 hours ago
Comment: 8191
mau dong mas, krm ke [email protected]
contoh controller dan view
May 8, 2010 by girista, 1 year 12 weeks ago
Comment: 6833
untuk controller
untuk model
dan untuk view nya
">
">
jQuery(document).ready(function() {
//################################################################???????////////////////////
jQuery("#<?=$jqGrid['id'];?>").jqGrid({
url:'<?=$jqGrid['url'];?>',
editurl:'<?=$jqGrid['editurl'];?>',
mtype:"POST",
datatype: "json",
jsonReader:{
repeatitems:false
,subgrid:{repeatitems:false}
},
width:650,
height: 'auto',
colModel:[<?=$jqGrid['colModel'];?>],
rowNum:10,
rowList:[10,20,30,50,100],
pager: '#<?=$jqGrid['pager'];?>',
toolbar: [true,"top"],
sortname: '<?=$jqGrid['sortname'];?>',
viewrecords: true,
sortorder: "asc",
shrinkToFit :false,
autowidth: false,
multiselect: false,
rownumbers: true,
caption: "<?=@$jqGrid['caption'];?>"
});
//################################################################???????////////////////////
jQuery("#<?=$jqGrid['id'];?>").jqGrid('navGrid','#<?=$jqGrid['pager'];?>',
{
edit:true,add:true,del:true,search:true,refresh:true,excel:true
},
{ // edit options
reloadAfterSubmit:true
, jqModal:false
, closeOnEscape:true
, bottominfo:"Fields marked with (*) are required"
}, // edit options
{ // add options
reloadAfterSubmit:true
,jqModal:false
, closeOnEscape:true
,bottominfo:"Fields marked with (*) are required"
, closeAfterAdd: true
}, // add options
{}, //del options
{multipleSearch:true,text:'search'
}
);
//################################################################???????////////////////////
jQuery("#<?=$jqGrid['id'];?>").jqGrid('navButtonAdd','#<?=$jqGrid['pager'];?>',{
caption: "Columns",
title: "Reorder Columns",
onClickButton : function (){
jQuery("#<?=$jqGrid['id'];?>").jqGrid('columnChooser');
}
});
});
mari belajar bersama
March 31, 2010 by ianpanrita, 1 year 18 weeks ago
Comment: 6229
mari belajar bersama
lisense
March 31, 2010 by first, 1 year 18 weeks ago
Comment: 6228
jqgrid tu bayar pa ngak c????trims.......
jqGrid and CI
February 25, 2010 by noocom, 1 year 22 weeks ago
Comment: 5965
Sebenarnya simple, gini caranya :
pertama di bagian controller yang mau nampilin halaman cukup load view aja ga perlu di utak-atik.
kemudian di bagian view load semua file (.css dan .js) yang diperlukan untuk jqgrid
tambahkan tag <table> yang nantinya akan di replace dg grid
+ <div> buat navigasinya
kemudian baru di inisialisasi jqgrid nya.
yang perlu di perhatikan adalah
1. url nya
2. tipe datanya
3. colNames
4. colModel
untuk url bisa nge-link ke kontroller manapun, bisa ke kontroller yang sama dengan yang nampilin halaman, tapi buat fungsi sendiri, get_data() misalkan.
jadi buat fungsi baru yang fungsinya untuk membaca data dari dB dan kemudian data itu di format sesuai dengan yang di inginkan oleh jqGrid (XML/JSON).
kemudian untuk tipe data, menurut dokumentasinya jqgrid, bisa XML, JSON, trus apa lagi yah lupa...
yang sudah ku coba ya itu XML dan JSON.
colNames dan colModel panjangnya harus sama dan sesuai dengan data yang di ambil dr url
untuk mengaktifkan searching dan sorting, di bagian fungsi untuk membaca data dapat ditambahkan parameter" yang nantinya untuk memfilter data (halah apaan sih..). pokoknya parameter itu di dapat dengan $_GET or $_REQUEST aku dah coba dengan $this->input->get_post() nya CI tapi ga bisa, yang nantinya parameter itu sebagai ... apa sih namanya... itu loh kalo kita jalankan query maka ada WHERE nya dan ORDER BY ...
pokoknya itu lah.
kalo mau yang udah jalan aku ada, tapi gimana uploadnya nih? diupload kemana?
saya mau
May 8, 2010 by cuplis, 1 year 12 weeks ago
Comment: 6832
mas saya juga mau donk...
[email protected]
terim kasih
wah bisa di coba tuh
March 14, 2010 by memordial, 1 year 20 weeks ago
Comment: 6215
bisa minta tolong di upload ke mediafire ajah .. :D
makasih sebelumnya ..
mau donk...klo ada yg udah
February 27, 2010 by cah_ajus, 1 year 22 weeks ago
Comment: 5979
mau donk...klo ada yg udah jalan....,yang udah ada delete multiple data...,kirim ke email ku dong ([email protected])....makasi.