0

我正在尝试将 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"为简单起见,我省略了。正如你所看到的,整个 think 是一个 wicket 应用程序,所以我无法真正影响前三个导入。

我实现的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'

我做了一些研究,但无法给出明确的解释。有什么可能出错的经验吗?我忘记了任何进口吗?有什么顺序不对吗?

4

1 回答 1

1

类型错误,更改

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

$('#jqxgrid').jqxGrid(...
于 2013-12-11T15:40:43.117 回答