jQuery Grid Plugin - jqGrid

Hello all,

I'm trying to use the grid in an adobe Air application that may run without a web server or an internet connection. So I'm loading the data into the grid from an XML file and using Form Editing. When I submit the Add, Edit or Delete I don't want a server Post just update the grid and I'll handle saving to the XML file myself. To do this I've got URL and EditURL set to ClientArray.

What is happening is that the form comes up and functions ok except when I hit the submit button. The onlickSubmit and beforeSubmit events fire ok and the 'Processing...' label appears but then nothing. It doesn't come back from the Post and refresh the grid.

Here's the code

<table id="list" class="scroll"  cellpadding="0" cellspacing="0"></table>
<div id="pager" class="scroll" style="text-align:center;"></div>
<input type="BUTTON" id="adddata" value="Add password" /><input type="BUTTON" id="bedata" value="Edit Selected" /><input type="BUTTON" id="dedata" value="Delete Selected" />

<script type="text/javascript">
 var mystr = readXMLFile();
 

  jQuery("#list").jqGrid({
   url:'clientArray',
   editurl:'clientArray',
    datatype: 'xmlstring',
    datastr : mystr,
    colNames:['Site','Username', 'Cue'],
    colModel :[
      {name:'site', index:'site', width:250, align: 'left', editable : true, required:true, sortable : true, editoptions:{size:25}},
      {name:'username', index:'username', width:250, align: 'left', required:true, sortable : true,editable:true, editoptions:{size:25}},
      {name:'cue', index:'cue', width:250, align: 'left', required:true, sortable : true,editable:true, editoptions:{size:25}},
 ],
    pager: jQuery('#pager'),
    rowNum:10,
 width:750,
 sortname: 'site',
    viewrecords: true,
    imgpath: 'themes/coffee/images',
    caption: 'Password Reminders',
 
  });
$("#dedata").click(function(){
 var gr = jQuery("#list").getGridParam('selrow');
 //getSelectedRow();
 if( gr != null ) jQuery("#list").delGridRow(gr,{reloadAfterSubmit:true, caption:'Delete Password',onclickSubmit:deletingData, afterSubmit:afterDelData,modal:true});
 else alert("Please Select Row to delete!");
});
$("#bedata").click(function(){
 var gr = jQuery("#list").getGridParam('selrow');
 if( gr != null ) jQuery("#list").editGridRow(gr,{reloadAfterSubmit:true,modal:true, bSubmit: 'Save',closeAfterEdit:true});
 else alert("Please Select Row");
});
$("#adddata").click(function(){
 jQuery("#list").editGridRow("new",{reloadAfterSubmit:true, bSubmit: 'Save', closeAfterAdd:true});
 
});

function afterDelData(){
 alert ("done");
}
function deletingData(){
 alert("done");
 return true;
 }
function editingData(dat){
 return true;
}
</script>

Any Idea?