无法与jqgrid一起使用editRow

如何解决无法与jqgrid一起使用editRow

|

grid.editRow(id,true);

行-错误。   

uncaught TypeError: Object #<Object> has no method \'editRow\'

如何解决？

<script type=\"text/javascript\">
    jQuery(document).ready(function () {
        jQuery(\"#list\").jqgrid({
            url: \'/Home/GridData/\',datatype: \'json\',mtype: \'POST\',colNames: [\'Id\',\'Votes\',\'Title\'],colModel: [
      { name: \'Id\',index: \'Id\',width: 40,align: \'left\' },{ name: \'Votes\',index: \'Votes\',align: \'left\',editable: true,edittype: \'text\' },{ name: \'Title\',index: \'Title\',width: 400,align: \'left\'}],pager: jQuery(\'#pager\'),rowNum: 10,rowList: [10,20,50],sortname: \'Id\',sortorder: \"desc\",viewrecords: true,imgpath: \'\',caption: \'My first grid\',onSelectRow: function (id) {
                var grid = $(\"#list\");                    
                grid.editRow(id,true);
            }
        });
    }); 
</script>  
...
<table id=\"list\" class=\"scroll\" cellpadding=\"0\" cellspacing=\"0\"></table>
<div id=\"pager\" class=\"scroll\" style=\"text-align:center;\"></div>

    

解决方法

        您尚未发布使用的完整HTML代码，因此我不得不猜测。您描述的问题的最常见原因可能是以下两个之一： 您在

jquery.jqGrid.min.js

之前加入了

$.jgrid.no_legacy_api = true;

之类的代码。因此只能使用“新API”。换句话说，您应该将代码“ 5”替换为代码“ 6”。 您下载并使用了“ 4”，其中不包含“内联编辑”模块。要验证这一点，您可以在文本编辑器中打开

jquery.jqGrid.min.js

，并在

jquery.jqGrid.min.js

文件开头的注释中搜索

grid.inlinedit.js

字符串。

jquery.jqGrid.min.js

文件中包含的所有jqGrid模块的列表位于文本“ **模块：\”之后。您需要使用“内联编辑”模块下载jqGrid。