记录关于jqGrid在同一个jsp中实现查询记录显示及新增和修改操作

<script type="text/javascript">
   $(function(){
  $("#confirm").click(function(){
$("#fsbProvisionsAcctInfoCter").empty(); 
$("<table id='fsbProvisionsAcctInfo'></table><div id='fsbProvisionsAcctInfoPager'></div>").appendTo($("#fsbProvisionsAcctInfoCter"));
var queryArray = $('#searchForm').serializeArray();
var postData=parsePostData(queryArray);
 
    $("#fsbProvisionsAcctInfo").jqGrid({
       url:'getFsbProvsionAcctInfoList?fid=2868&records=20',
       datatype: 'json',
       mtype: 'post',
   forceFit:true,
   width:$(window).width() - 15,
   height:$(window).height() - 163,
   postData:postData,        
       colModel :[ 
           {name:'proAcctNo',label:'备付金账号', index:'proAcctNo',align:'center',editable:false,width:120},
           {name:'proAcctName',label:'备付金账户名称', index:'proAcctName',align:'center',editable:false,width:120},
           {name:'proAcctShortName',label:'备付金账户简称', index:'proAcctShortName',align:'center',editable:false,width:120},
           {name:'bankCode',label:'所属金融机构编号', index:'bankCode',align:'center',editable:false,width:120},
           {name:'bankName',label:'所属金融机构名称', index:'bankName',align:'center',editable:false,width:120},
           {name:'linkBankNum',label:'联行号', index:'linkBankNum',align:'center',editable:false,width:120},
           {name:'chnCode',label:'出金渠道', index:'chnCode',align:'center',editable:false,width:120},
           {name:'acctId',label:'出金渠道账户Id', index:'acctId',align:'center',editable:false,width:120},
           {name:'proBalance',label:'备付金余额', index:'proBalance',align:'center',editable:false,width:120},
           {name:'balUpdateTime',label:'备付金余额最后更新时间', index:'balUpdateTime',align:'center',editable:false,width:120},
           {name:'createdTime',label:'创建时间', index:'createdTime',align:'center',editable:false,width:120},
           {name:'createUser',label:'创建用户', index:'createUser',align:'center',editable:false,width:120}
  ],
       jsonReader : {
           root:"rows",
           page: "page",
           total: "total",
           records: "records",
           repeatitems: false,
           id: "proAcctNo"
        }, 
           multiselect: true,  
           viewrecords:true,
           gridComplete:function(){                
           }, 
       pager: '#fsbProvisionsAcctInfoPager',
   rowNum:20,
   rowList:[10,20,50,100,150],
       editurl:'basicOperate',
       caption: "权限列表",
       toolbar: [true,"top"],
       loadError:function(xhr,status,error){
        msgShow("系统提示",error.replace('Invalid JSON:',''),'error');
       }  
        
    });
    jQuery("#fsbProvisionsAcctInfo").jqGrid('navGrid','#fsbProvisionsAcctInfoPager',{del:false,add:false,edit:false,search:false},{},{},{});
    $("#t_fsbProvisionsAcctInfo").append("<a id='add' href='javascript:void(0)' class='easyui-linkbutton' iconCls='icon-add'>添加</a>"); 
    $('#add').linkbutton();
    $("#add").click(function(){ 
    $('#addWin').window('open');
    $('#addForm :input').val('');
    fn.findFinaChan('#addWin #chnCode','#addWin #acctId','');
    fn.findFsbFinaOrg('#addWin #bankCode','','');