"未捕获的TypeError:undefined不是函数"

时间:2014-08-07 11:15:13

标签: jquery undefined jqxgrid

我是jqxGrid的新手。我试图在ajax调用PHP文件后填充网格,然后重新加载。 我的代码是:

    $(document).ready(function () {
            var url = "searchresults.php";
            // prepare the data
            var source =
            {
                datatype: "json",
                datafields: [
                    { name: 'ids', type:"string"},
                    { name: 'loc', type:"string" },
                    { name: 'name', type:"string"},
                    { name: 'tld', type: "string" },
                    { name: 'wc', type: "int" }
                ],
                id: 'id',
                url: url,
                root: 'data'
            };
            var dataAdapter = new $.jqx.dataAdapter(source);
            $("#outgrid").jqxGrid(
            {
                width: 850,
                source: dataAdapter,
                //columnsresize: true,
                columns: [
                  { text: 'IDs', dataField: 'IDs', width: 200 },
                  { text: 'LOCATION', dataField: 'loc', width: 200 },
                  { text: 'DOMAINS', dataField: 'name', width: 180 },
                  { text: 'TLD', dataField: 'tld', width: 90, cellsalign: 'right' },
                  { text: 'WORD COUNT', dataField: 'wc', cellsalign: 'right', minwidth: 100}
                ]
            });
        });

错误发生在以下行:

    $("#outgrid").jqxGrid(

我不明白。 我的依赖是:

    <script type="text/javascript" src="js/jquery-1.8.1.min.js"></script>
    <link rel="stylesheet" href="jqx/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="jqx/jqxcore.js"></script>
    <script type="text/javascript" src="jqx/jqxdata.js"></script> 
    <script type="text/javascript" src="jqx/jqxbuttons.js"></script>
    <script type="text/javascript" src="jqx/jqxscrollbar.js"></script>
    <script type="text/javascript" src="jqx/jqxmenu.js"></script>
    <script type="text/javascript" src="jqx/jqxdatatable.js"></script>

1 个答案:

答案 0 :(得分:1)

入门示例here包含jqxgrid.js文件的脚本链接(加上一些加载项)。

我在你的身上看不到?你肯定有一个吗?

请注意,jqxDataTable(您确实参考)是一个完全不同的控件,其启动指南为here,并使用$(...).jqxDataTable(...代替$(...).jqxGrid(...