jQuery Grid Plugin - jqGrid

<script type="text/javascript">

jQuery("#scriptTable").jqGrid({

url:'/admin/getScripts?listtype=master',

datatype: 'json',

loadonce:true,

colNames:['Név', 'Azonosító', 'Státusz', 'Létrehozta', 'KezdÅ‘ oldal','Kampányok'],

colModel:[

{name:'scriptname', index: 'scriptname', width:200, editable: true, sorttype:"text"},

{name:'internalname', index:'internalname', width:75, editable: true},

{name:'status', index:'status', width:100},

{name:'createdby', index:'createdby', width:80},

{name:'firstpage', index:'firstpage', width:80},

{name:'campaigns', index:'campaigns', width:80, align:'right'},

],

rowNum:10,

rowList: [5,10,25],

pager: '#scriptTablePager',

sortname: 'scriptname',

viewrecords: true,

firstorder: 'asc',

sortorder: 'asc',

multiselect: false,

caption: "Felvett kérdÅ‘ívek",

height: 550,

hidegrid: false,

subGrid: true,

subGridOptions: {

"plusicon" : "ui-icon-triangle-1-e",

"minusicon" : "ui-icon-triangle-1-s",

"openicon" : "ui-icon-arrowreturn-1-e",

"reloadOnExpand" : false,

"selectOnExpand" : true

},

subGridRowExpanded: function(subgrid_id, row_id){

var subgrid_table_id;

var result = jQuery("#scriptTable").jqGrid('getRowData', row_id);

subgrid_table_id = subgrid_id+"_t";

jQuery("#"+subgrid_id).html("<table id='"+subgrid_table_id+"' class='scroll'></table>");

jQuery("#"+subgrid_table_id).jqGrid({

url:'/admin/getScripts?listtype=detail&intname='+result.internalname,

mtype: 'GET',

datatype: 'json',

colNames: ['Művelet', 'Név','Verzió','Státusz','KezdÅ‘ oldal'],

colModel: [

{name:"action",index:"action",width:80,key:true},

{name:"name",index:"name",width:130},

{name:"version",index:"version",width:100},

{name:"status",index:"status",width:80},

{name:"firstnode",index:"firstnode",width:100},

],

height: '100%',

hidegrid: false,

rowNum:20,

sortname: 'name',

sortorder: "asc",

caption: "KérdÅ‘ívek verziók",

});

}

}).navGrid('#scriptTablePager', {edit:false, add:true, del:false, search:false},

{}, //edit

{

onclickSubmit: function(value, postdata){

value.url = "/admin/postScript?" + jQuery.param({name: postdata.name, internalname: postdata.internalname}) + "&do=add";

$("#scriptTable").setGridParam({datatype: 'json', page: 1}).trigger('reloadGrid');

},

reloadAfterSubmit: false,

closeAfterAdd: true,

modal: true

}, //add

{}, //del

{},

{}

);

</script>