jQuery Grid Plugin – jqGrid

<table id="overzicht_oefeningen"></table>
<div id='oefening_overzicht'></div>
<script>
jQuery("#overzicht_oefeningen").jqGrid({
    height:300,
    url:'index.php?module=ajax&actie=load_oefening_overzicht',
 datatype: "json",
    colNames:['id', 'Naam','Omschrijving','Acties'],
    colModel:[
     {name:'id',index:'id', width:20, editable:false},
     {name:'naam',index:'naam', width:200, editable:true},
        {name:'omschrijving',index:'omschrijving', width:250, editable: true},
        {name:'act',index:'act',width:180,sortable:false}
       
    ],
    rowNum:-1,
    sortname: 'id',
    viewrecords: true,
    sortorder: "asc",
    hidegrid:false,
    caption:"Overzicht Oefeningen",
    pager: '#oefening_overzicht',
    editurl:"index.php?module=ajax&actie=save_oefening",
    gridComplete: function(){
  var ids = jQuery("#overzicht_oefeningen").jqGrid('getDataIDs');
  for(var i=0;i < ids.length;i++){
   var row = ids[i];
            var cl = $('#overzicht_oefeningen').getCell(row, 'id');
   SetEigenschappen = "<input style='height:22px;width:175px;' type='button' value='Wijzig Eigenschap' onclick="window.location='index.php?module=admin&actie=wijzig_eigenschappen&id="+cl+"'"  />";
   jQuery("#overzicht_oefeningen").jqGrid('setRowData',ids[i],{act:SetEigenschappen});
  } 
 },

});
jQuery("#overzicht_oefeningen").jqGrid('navGrid','#oefening_overzicht',
    {
        edit:true,
        add:true,
        del:true
    },
    {
        //edit options 
       
        closeAfterEdit: true,
        reloadAfterSubmit:true,
        closeOnEscape:true,
        afterSubmit: function(response, postdata)
        {
            var json = eval('(' + response.responseText + ')');
            if(json.success == "true")
            {
                return [true,'',''];
            }
            else
            {
                return [false,json.message,''];
            }
        }
    },
    {
        //add options
        closeAfterAdd: true,
        reloadAfterSubmit:true,  
        closeOnEscape:true,
        afterSubmit: function(response, postdata)
        {
            var json = eval('(' + response.responseText + ')');
            if(json.success == "true")
            {
                return [true,'',''];
            }
            else
            {
                return [false,json.message,''];
            }
        }
    }
   
    );

</script>