首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

asp.net应用jqgrid的编辑、增加、删除功能完成后客户端如和判断服务器端处理是否成功

2013-08-14 
asp.net使用jqgrid的编辑、增加、删除功能完成后客户端如和判断服务器端处理是否成功asp.net服务器端的处理

asp.net使用jqgrid的编辑、增加、删除功能完成后客户端如和判断服务器端处理是否成功
asp.net服务器端的处理后,如何返回个客户端成功与否信息?
谢谢 
[解决办法]
添加afterSubmit事件通过ajax对象获取返回值进行判断就行了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>    
<head>
<link href="css/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css" />
<link href="css/ui.jqgrid.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js" type="text/javascript"> </script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"> </script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#list4").jqGrid({
            url: "read.ashx",
            datatype: "json",
            editurl: "save.ashx",//////保存路径
            mtype: 'get',
            height: 300,
            colNames: ['编号', '姓名', '日期', '地点'],
            autowidth: false, //自动设置宽度
            rownumbers: true,
            closeAfterSearch: true,
            colModel: [{ name: "id", index: "id", sorttype: "int", width: 60, editable: false, search: true },
              { name: "xm", index: "xm", sorttype: "text", width: 100, search: true, editable: true },


               { name: "rq", index: "rq", sorttype: "text", width: 100, editable: true, search: true },
                 { name: "dd", index: "dd", sorttype: "text", width: 150, editable: true, search: true }

                 ],
            sortname: 'ID',
            sortorder: "asc",
            viewrecords: true,
            rowNum: 10,
            rowList: [10, 20, 30],
            pager: '#pager', pgbuttons: false, pginput: false, pgtext: false,
            caption: "列表",
            jsonReader: { root: 'list',
                repeatitems: false
            },
            gridview: true,
            edit: { bSubmit: '修改' }
        });

        jQuery("#list4").jqGrid('navGrid', '#pager',
         { add: true, addtext: 'aaadd', edit: true, del: true, search: true, refresh: true, navkeys: [true, 38, 40] },
         { afterSubmit: function (response, postdata) {
             var res = response.responseText, ok = response.responseText == 'editok';

             return [ok, ok ? '' : '修改发生错误鸟!'];
         }, closeAfterEdit: true//配置这个通过afterSubmit返回的数据是否关闭,成功则关闭,否则提示错误
         },


          { afterSubmit: function (response, postdata) {
              var res = response.responseText, ok = response.responseText == 'addok';

              return [ok, ok ? '' : '添加数据发生错误鸟!'];
          }, closeAfterAdd: true}
///............删除,查询,查看的相关配置。。
          );



    });
     
    </script>
 
</head>
 
<body >
    <table id="list4" alt="asp.net应用jqgrid的编辑、增加、删除功能完成后客户端如和判断服务器端处理是否成功" />

热点排行