Question

在内联模式下，我添加一个新行，编辑新值，然后单击“保存”按钮到服务器和本地。但是，当我继续单击“编辑”按钮编辑新行而不是编辑行时，它会添加一个新行。例如，首先我添加一个新行：{ aa,bb,cc}，然后通过单击“编辑”按钮并对其进行编辑将其更改为{ aaaa,bb,cc}，但jqGrid会向服务器发送oper=add ，这会导致添加新行。我不明白为什么？

代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0   Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>ddddd</title>
<link
href="/education2/jqGrid4.4/themes/redmond/jquery-ui-1.8.2.custom.css"
rel="Stylesheet" />
<link href="/education2/jqGrid4.4/themes/ui.jqgrid.css" rel="Stylesheet" />
<script src="/education2/jqGrid4.4/js/jquery-1.7.2.js"
type="text/javascript"></script>
<script type="text/javascript"
src="/education2/jqGrid4.4/js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript"
src="/education2/jqGrid4.4/js/i18n/grid.locale-cn.js"></script>

<script src="/education2/jqGrid4.4/js/jquery.jqGrid.src.js"
type="text/javascript"></script>

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery("#gridTable").jqGrid({
        url : '/education2/json/searchStudent',
        mtype : "POST",
        datatype : "json",
        colNames : [ 'studentId','studentNo', 'name', 'class'],
        colModel : [ {
            name : 'studentId',
            index : 'studentId',
            width : 55,
            hidden : true,
            hidedlg : true
            key : true,
            editable : true
        }, {
            name : 'studentNo',
            index : 'studentNo',
            width : 150,
            editable : true         
        }, {
            name : 'studentName',
            index : 'studentName',
            width : 150,
            align : "right",
            editable : true
        }, {
            name : 'className',
            index : 'className',
            width : 150,
            align : "right",
            editable : true,
            edittype : 'select',
            editoptions : {
                dataUrl : "/education2/json/classNameStudent"
            }   
        }],
        jsonReader : {
            root : "gridModel",
            records : "record",
            repeatitems : false
        },
        prmNames : {
            search : "search",
            id : "id" 
        },
        rowNum : 10,
        rowList : [ 10, 20, 30 ],
        height : 400,
        //          multiselect : true,
        //          multiboxonly : true,
        pager : jQuery('#gridPager'),
        sortname : 'studentId',
        viewrecords : true,
        altRows : true,
        sortorder : "desc",
        editurl : "/education2/json/editStudent",
        caption : "student"
    });

    jQuery("#gridTable").jqGrid('navGrid', "#gridPager", {
        edit : false,
        add : false,
        del : true
    }, {}, {}, {}, {
        caption : "find",
        Find : "find",
        closeAfterSearch : true
    });

    jQuery("#gridTable").jqGrid('inlineNav', "#gridPager", {

        editParams : {
            successfunc : succesfunc1,
            restoreAfterError : false
        }
    });
});

var succesfunc1 = function(response) {
    var result = eval('(' + response.responseText + ')');
    if (result.success == true) {
        alert("success!");
        return true;
    } else {
        alert(result.message);
        return false;
    }
};


};
</script>
</head>
<body>

<table id="gridTable"></table>
<div id="gridPager"></div>
<br />

</body>
</html>

更新

我使用$('#'+$.jgrid.jpID(rowid).attr('id', result1.new_id)来刷新新行的行ID（来自@oleg的想法“如何在内联添加jqGrid后更新列”），在服务器上我使用oper=new && id !="new_row"来决定是编辑还是添加新行。它运行良好，但我必须添加一个aftersavefunc方法。

我不太清楚上面的问题。我所做的只是绕过这个问题。

我的问题是我：添加一个新行然后更改它，jqgrid不会更改它，jqgrid会向服务器发送"oper=add"，这意味着服务器将添加一个新行。

另一个问题是：

jQuery("#gridTable").jqGrid('inlineNav', "#gridPager", {

    addParams : {
        addRowParams : {
            keys : true,
            url : '/education2/json/editStudent1?inlinePoer=add'
        }
    },
    editParams : {
        url : '/education2/json/editStudent?inlinePoer=edit',
    }
});

与我的预期不同，每当我点击内联导航器中的添加，编辑或保存按钮时，只会触发网址：'/education2/json/editStudent?inlinePoer=edit'。看来网址：'/education2/json/editStudent1?inlinePoer=add'无法解雇，为什么？有人能帮助我吗？

我使用firebug和IE。

Answer 1

我认为你缺少的是在下一行中给出编辑：true

jQuery("#gridTable").jqGrid('inlineNav', "#gridPager", {

        editParams : {
            successfunc : succesfunc1,
            restoreAfterError : false
        }
    });

检查此链接

http://www.trirand.com/jqgridwiki/doku.php?id=wiki:inline_editing#inlinenav并查看此处的参数。我不确定它只是尝试将编辑设为真，如果它工作正常，很棒......否则我会在完成我的办公室工作后查看你的代码。

为什么内联编辑添加新行？

1 个答案: