jQuery(document).ready(function(){
    jQuery("#omg").jqGrid({
        url: 'try_js.php',
 datatype: "xml",
 height: 500,
        viewrecords: true,
    colNames:['Cust ID','Emp ID', 'Desc', 'Seq No','Items'],
    colModel:[
     {name:'cust_id',index:'cust_id', width:90, sorttype:"int", editable:true, editoptions:{readonly:true,size:10}},
     {name:'emp_id',index:'emp_id', width:100, editable:true, editrules:{integer:true, required:true, custom:true, custom_func:checkempid}, editrules:{integer:true, required:true},editoptions:{size:10}},
     {name:'desc',index:'desc', width:500, editable:true, edittype:'textarea', editoptions:{size:20, readonly:true}},
     {name:'seq_no',index:'seq_no', width:80, align:"right", sorttype:"int", sortable: true, editable:true, editrules:{integer:true, required:true}, editoptions:{size:20}},
     {name:'items_id,index:'items_id', width:80, align:"right", editable:true, editoptions:{size:20}},                  
    ],

sortname: "seq_no",
        sortorder: "asc",
        loadonce: true,
        rowNum: '50',
        autowidth: true,
        pager: "#pagerme",
        editurl: "getData.php",

});

jQuery("#omg").jqGrid('navGrid','#pagerme',{view:false, edit:false, add:true, del:true},
                      {height:350,reloadAfterSubmit:false,closeOnEscape:true}, //edit function
                      {height:350,reloadAfterSubmit:false,addedrow:'first',closeAfterAdd:true, checkOnUpdate:true}, //add function
                      {height:350,reloadAfterSubmit:false,closeOnEscape:true} //delete function
                     
                     
                     
                     
                      );

});