jqGrid单元格编辑本地

Question

我正在尝试使用可编辑单元格实现jqGrid:

var myGrid = $("#mygrid").jqGrid({
            datatype: 'local',
            data: mydata,
            colModel: [
                    { name: 'Serial', width: 1040, editable: true, edittype: 'text' }
                ],
            rowNum: 10,
            rowList: [10, 20, 30],
            pager: '#mypager',
            sortname: 'Serial',
            cellEdit: true,
            viewrecords: true,
            sortorder: "desc",
            onSelectRow: function(id){
                if(id && id!==lastSel){
                    jQuery('#mygrid').restoreRow(lastSel); 
                    lastSel=id; 
                }
                jQuery('#mygrid').editRow(id, true); 
           }
        });
        myGrid.jqGrid('navGrid', '#mypager', { edit: true, add: false, del: false, search: true });

但是,每当我尝试编辑一个单元格时,它允许我在其上书写,但只要我点击其他行或甚至在网格外部,文本就会消失.

另一件事,每当我点击"输入"它尝试提交一些东西,因为它显示以下消息:"没有设置网址".

当然,我只想'本地'使用这个网格.编辑网格后,用户必须单击.html中包含的"提交"按钮,然后我将管理插入网格的数据.

谢谢.

Answer 1

为了能够在本地使用单元格编辑(您使用cellEdit:true),您必须使用cellsubmit:'clientArray'属性.

另一方面,您还使用editRow功能,因此您想使用内联编辑.为了能够在本地使用内联编辑,您应该定义editurl:'clientArray'(请参阅此处的文档).

除此之外,您还可以使用myGrid.jqGrid('navGrid', '#mypager', { edit: true, ...})哪个启用表单编辑,该表单编辑没有完全本地编辑支持.

我建议您只使用内联编辑并包含editurl:'clientArray'到jqGrid的选项中.该单元格编辑(cellEdit: true)和表格编辑应该被删除.