Question

我正在尝试将jqxgrid嵌入到我的HTML页面中。

这是我导入的库：

<script src="./wicket/resource/org.apache.wicket.resource.JQueryResourceReference/jquery/jquery-1.10.1-ver-1379671500000.js"></script>
<script src="./wicket/resource/org.apache.wicket.ajax.AbstractDefaultAjaxBehavior/res/js/wicket-event-jquery-ver-1379671500000.js"></script>
<script src="./wicket/resource/org.apache.wicket.ajax.AbstractDefaultAjaxBehavior/res/js/wicket-ajax-jquery-ver-1379671500000.js"></script>
<script src="/jquery/jquery-ui.min.js"></script>
<script src="/jqwidgets/jqxcore.js"></script>
<script src="/jqwidgets/jqxdata.js"></script>
<script src="/jqwidgets/jqxbuttons.js"></script>
<script src="/jqwidgets/jqxscrollbar.js"></script>
<script src="/jqwidgets/jqxmenu.js"></script>
<script src="/jqwidgets/jqxcheckbox.js"></script>
<script src="/jqwidgets/jqxlistbox.js"></script>
<script src="/jqwidgets/jqxdropdownlist.js"></script>
<script src="/jqwidgets/jqxgrid.js"></script>
<script src="/jqwidgets/jqxgrid.columnsresize.js"></script>
<script src="/jqwidgets/jqxgrid.edit.js"></script>
<script src="/jqwidgets/jqxgrid.filter.js"></script>
<script src="/jqwidgets/jqxgrid.pager.js"></script>
<script src="/jqwidgets/jqxgrid.selection.js"></script>
<script src="/jqwidgets/jqxgrid.sort.js"></script>

出于简单原因，我省略了type="text/javascript"。正如你所看到的那样，整个思想是一个检票口，所以我无法真正影响前三个进口。

我按如下方式实现了jqxgrid：

<script type="text/javascript">
    $(document).ready(function() {
        var theme = "smoothness";
        var dataAdapter = new $.jqx.dataAdapter(data);
        $("#jqxgrid").jqxGrid({
            width : "99%",
            autoheight: true,
            theme : theme,

            // many more configuration options

            columns: [ /* column declaration */ ]
        });

        // events
        $("#jqxgrid").on('cellendedit', function(event) {
            var args = event.args;

            $.post("EditResponse", {
                id: $('#jqxgrid').jqGrid('getCell',args.rowindex,'Name'),
                value: args.value
            });
        });
    });
</script>

我再次省略（在我看来）不必要的细节，因为jqxgrid的初始化工作正常，我看到表格中包含我想要显示的每个数据。

但是当我编辑单元格并结束编辑时，行

$('#jqxgrid').jqGrid('getCell',args.rowindex,'Name')

在控制台中产生错误：

TypeError: Object [object Object] has no method 'jqGrid'

我做了一些研究，但无法做出明确的解释。任何可能出错的经历？我忘记了任何进口？有什么错误的顺序吗？

Answer 1

输入错误，更改

$('#jqxgrid').jqGrid(...

到

$('#jqxgrid').jqxGrid(...

jqxGrid失败并显示错误“Object [object Object]没有方法'jqGrid'”

1 个答案: