Question

我正在使用jqgrid显示网站列表，我想在添加或编辑网站时进行一些服务器端验证。（表单编辑而不是内联。验证需要是服务器端，由于各种原因我不会进入。）

我认为最好的方法是在触发 beforeSubmit 事件时通过ajax请求检查数据。但是，当我在编辑网格中的现有行时，这似乎才有效 - 当我添加新行时，不会调用该函数。

我是否已将 beforeSubmit 放在错误的位置？

感谢您的帮助。

    $("#sites-grid").jqGrid({
        url:'/json/sites',
        datatype: "json",
        mtype: 'GET',         
        colNames:['Code', 'Name', 'Area', 'Cluster', 'Date Live', 'Status', 'Lat', 'Lng'],
        colModel :[ 
          {name:'code', index:'code', width:80, align:'left', editable:true}, 
          {name:'name', index:'name', width:250, align:'left', editrules:{required:true}, editable:true}, 
          {name:'area', index:'area', width:60, align:'left', editable:true}, 
          {name:'cluster_id', index:'cluster_id', width:80, align:'right', editrules:{required:true, integer:true}, editable:true, edittype:"select", editoptions:{value:"<?php echo $cluster_options; ?>"}}, 
          {name:'estimated_live_date', index:'estimated_live_date', width:120, align:'left', editable:true, editrules:{required:true}, edittype:"select", editoptions:{value:"<?php echo $this->month_options; ?>"}}, 
          {name:'status', index:'status', width:80, align:'left', editable:true, edittype:"select", editoptions:{value:"Live:Live;Plan:Plan;"}}, 
          {name:'lat', index:'lat', width:140, align:'right', editrules:{required:true}, editable:true}, 
          {name:'lng', index:'lng', width:140, align:'right', editrules:{required:true}, editable:true}, 
        ],
        height: '300',
        pager: '#pager-sites',
        rowNum:30,
        rowList:[10,30,90],
        sortname: 'cluster_id',
        sortorder: 'desc',
        viewrecords: true,
        multiselect: false,
        caption: 'Sites',
        editurl: '/json/sites'
     });

    $("#sites-grid").jqGrid('navGrid','#pager-sites',{edit:true,add:true,del:true, beforeSubmit : function(postdata, formid) { 
        $.ajax({
            url      : 'json/validate-site/', 
            data     : postdata,
            dataType : 'json',
            type     : 'post',
            success  : function(data) { 
                alert(data.message);
                return[data.result, data.message];
            }
        });
    }});

Answer 1

如果您想使用beforeSubmit事件，则应在其他地方使用该事件（请参阅http://www.trirand.com/jqgridwiki/doku.php?id=wiki:navigator）：

$("#sites-grid").jqGrid('navGrid','#pager-sites',{/**/},
    {beforeSubmit : function(postdata, formid) { /**/ }} // edit parameters
    );

我和Botondus（见评论）有同样的意见，你试图以错误的方式使用beforeSubmit。接收编辑数据请求的服务器（保存修改数据的请求）不得保存它。它可以导致验证数据并回答HTTP错误而不是200 OK。要解码错误响应并准备错误消息，请使用errorTextFormat事件（请参阅http://www.trirand.com/jqgridwiki/doku.php?id=wiki:form_editing#events）。

如何使用Jqgrid进行服务器端验证？

1 个答案: