0

在内联模式下,我添加一个新行,编辑新值,然后单击“保存”按钮到服务器和本地。但是,当我继续单击“编辑”按钮来编辑新行而不是编辑该行时,它会添加一个新行。例如,首先我添加了一个新行 : { 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'触发 url : 。似乎 url :'/education2/json/editStudent1?inlinePoer=add'不能被解雇,为什么?有人可以帮我吗?

我使用萤火虫和IE。

4

1 回答 1

0

我认为您缺少的是在下一行中给出 edit:true

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

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

检查这个链接

http://www.trirand.com/jqgridwiki/doku.php?id=wiki:inline_editing#inlinenav并查看这里的参数。我不确定它只是尝试将编辑视为真实,如果它工作正常,那就太好了......否则当我完成我的办公室工作时,我会查看你的代码。

于 2012-08-07T14:02:20.050 回答