jqGrid - TypeError:“#List”.jqGrid不是函数

时间:2012-08-19 11:24:58

标签: javascript jquery jqgrid

我在项目中的单独脚本文件中有以下代码,用于填充jqGrid。

jQuery(document).ready(function () {
    ("#List").jqGrid({
    url: '/Dept/Index/',
    datatype: 'json',
    mtype: 'POST',
    colNames: ['Name'],
    colModel: [{ name: 'Name', index: 'Name', width: 300, align: 'left'}],
    pager: jQuery('#pager'),
    rowNum: 10,
    rowList: [5, 10, 20, 50],
    sortname: 'Id',
    sortOrder: "desc",
    viewrecords: true,
    caption: 'Dept List'
    });
});

当我运行项目时,我在Firebug的控制台中观察到以下错误。 TypeError:"#List".jqGrid is not a function

但是,如果我将脚本嵌入文件中,则错误消失。我已按照how to install上的说明进行了操作,并查看了similar errors的答案,我确信我的jqgrid.js和grid.locale-en.js按正确的顺序排列。

如何消除此错误?

1 个答案:

答案 0 :(得分:3)

您应该使用:

$("#List")

或:

jQuery("#List")

你可以在这里阅读:

http://api.jquery.com/jQuery/

("#List")的结果只是一个字符串,这就是解释器声称没有名为jqGrid的方法的原因。