不提交使用 beforeSubmit 功能答案

【问题标题】：Do not submit the for using beforeSubmit function不提交使用 beforeSubmit 功能
【发布时间】：2013-11-13 05:05:07
【问题描述】：

我在编辑选项中有一个beforeSubmit 函数。函数代码如下

beforeSubmit: function (postdata, formid) {
    var myGrid = $('#list'),
    selRowId = myGrid.jqGrid('getGridParam', 'selrow'),
    IsIssued = myGrid.jqGrid('getCell', selRowId, 'Status');
    alert(IsIssued);
    if (IsIssued == true)
        return [false,"lll"];
    else
        return [true,"ll"];
}

但问题是这总是提交表单。我想要的是， if (IsIssued==true) 然后不提交表单返回错误。别的提交表格。我成功获得了IsIssued 的确切值。

【问题讨论】：

你用getCell来验证表单是否可以提交，我觉得很奇怪。该值在开始编辑之前是已知的。为什么用户应该可以编辑这样的行，但不允许提交更改？或许您应该拒绝编辑这些行，或者您应该从postdata 获得Status 的新值？

标签： jqgrid

【解决方案1】：

最好的解决方案是当按下按钮捕获点击事件并阻止默认操作，然后在你成功的情况下，提交表单：说

$('#yourButton').click(function(event)){
     event.preventDefault();
         //$.ajax({
             beforeSubmit: function (postdata, formid){
                var myGrid = $('#list'),
                selRowId = myGrid.jqGrid('getGridParam', 'selrow'),
                IsIssued = myGrid.jqGrid('getCell', selRowId, 'Status');
                alert(IsIssued);
                if (IsIssued == true)
                    $('yourForm').submit();
                    return [false,"lll"];
                else
                   //Else you already prevented default action
                   return [true,"ll"];
           }
        //)};
     });

【讨论】：

我没有发送任何 ajax 请求
然后删除 ajax 行，并按照上述方法捕获事件的其余部分！只捕获点击事件，它应该适合你！
在表单的action方法中添加return false！另外，如果您想阻止提交表单，请不要使用按钮类型 SUBMIT，然后捕获事件。！

【解决方案2】：

我使用了 afterShowForm 函数并隐藏了 EditForm

afterShowForm: function ()
{
var myGrid = $('#list'),
selRowId = myGrid.jqGrid('getGridParam', 'selrow'),
IsIssued = myGrid.jqGrid('getCell', selRowId, 'Status');
if (IsIssued == 'true') {

$.jgrid.hideModal("#editmodlist");
alert("This Book Is Already Issued");
return [true];
 }
else {
return [true];
}
return [true];
}

【讨论】：