tadams on uncaught exception: jqGrid - No such method: navGrid

Mon, 28 Mar 2011 10:02:02 +0300

Hi Tony,

yes you were right, the corresponding formedit module was missing, stupid me.

Thanks a lot.

c. Thomas

OlegK on uncaught exception: jqGrid - No such method: navGrid

Sat, 26 Mar 2011 12:25:44 +0200

Hello Thomas,

such error has typically one from two reasons: 1) you downloaded jqGrid without including "form editing" module (see jqGrid download page) 2) you use wrong order of JavaScript files inserted in the page. To verify the first one probelm you can open jquery.jqGrid.min.js file in the text editor and search in the comment at the beginning of the file for grid.formedit.js after the text "Modules:". In all cases the error is probably not in the part which you posted, but in for example the HTML code which shown the order of files included.

Best regards
Oleg

tadams on uncaught exception: jqGrid - No such method: navGrid

Sat, 26 Mar 2011 02:56:08 +0200

I get an uncaught exception: jqGrid - No such method: navGrid, when trying to enable the search button

on the navigation pager. Here my code :

var deleteLink ="/blog/delete/";
var editLink ="/blog/edit/";
jQuery.extend(jQuery.jgrid.defaults, { altRows:true, hoverrows: false });

function OnGridLoadComplete () {
   jQuery(".editLink").button({
       icons : {primary : 'ui-icon-pencil'},
       text : false
   });

    jQuery(".deleteLink").button({
        icons : {primary : 'ui-icon-trash'},
        text : false
    });

    jQuery(".editLink").click(function (){
       var id = jQuery(this).attr("id").split("_")[1];
        document.location.href= editLink + id + ".do";
    });

    jQuery(".deleteLink").click(function (){
        var id = jQuery(this).attr("id").split("_")[1];
       document.location.href= editLink + id + ".do";
    });
}

jQuery(document).ready(function(){
   jQuery("#blog_list").jqGrid({url : '/blog/page/ajax/get.do', datatype : 'json', mtype : 'get',
           colNames : ['Id', 'Comment', 'Date', 'User', 'Status', 'Edit', 'Delete'],
           colModel : [{name : 'id', index : 'id', width : 30, align : 'right', sortable : true, resizable : true, search : true},
                       {name : 'text', index : 'text', width : 300, align : 'left', sortable : true, resizable : true, search : true},
                       {name : 'date', index : 'date', width : 80, align : 'right', sortable : true, resizable : true, search : true},
                       {name : 'user', index : 'user', width : 150, align : 'left', sortable : true, resizable : true, search : true},
                       {name : 'status', index : 'status', width : 150, align : 'left', sortable : true, resizable : true, search : true},
                       {name : 'editLink', index : 'editLink', width : 80, align : 'center', sortable : true, resizable : true, search : false},
                       {name : 'deleteLink', index : 'deleteLink', width : 80, align : 'center', sortable : true, resizable : true, search : false}
                   ],
           pager : '#blog_pager',
           rowNum : 10,
           rowList : [10, 20, 30],
           sortname : 'id',
           sortorder : 'asc',
           viewrecords : true,
           caption : 'Blog list',
           loadComplete : OnGridLoadComplete}).jqGrid('navGrid',
                '#blog_pager',{edit:true,add:true,del:true,search:true},
                {}, // use default settings for edit
                {}, // use default settings for add
                {}, // delete instead that del:false we need this
                {multipleSearch : true}, // enable the advanced searching
                {closeOnEscape:true} // allow the view dialog to be closed when user press ESC key
           );
   jQuery("#blog_list").jqGrid("filterToolbar", {"autosearch":true,"stringResult":true});
});

Whatever i do, i always end with the error that the navGrid methods does not exist, also:

jQuery("#blog_List").jgGrid(....).navGrid(....);

ends up in the same error.

Used browser : Firefox version : 3.6.16, Opera 11.01, Safari 5.0.3

In Opera i got following error console output:

JavaScript - http://localhost:8080/blog/list.do

throw"jqGrid - No such method: "+f;

called from line 32, column 5 in <anonymous function>() in http://localhost:8080/blog/list.do:

a.call(s,c);

called via Function.prototype.call() from line 33, column 235 in <anonymous function: L>() in http://localhost:8080/common/js/jquery-1.4.2.min.js:

c.ready()

Any ideas what#s maybe wrong here?

C. Thomas

jQuery Grid Plugin - jqGrid - Topic: uncaught exception: jqGrid - No such method: navGrid

tadams on uncaught exception: jqGrid - No such method: navGrid

OlegK on uncaught exception: jqGrid - No such method: navGrid

tadams on uncaught exception: jqGrid - No such method: navGrid