首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >“jqxGrid [对象对象]没有方法'jqGrid'”失败

“jqxGrid [对象对象]没有方法'jqGrid'”失败
EN

Stack Overflow用户
提问于 2013-12-11 15:37:39
回答 1查看 1.2K关注 0票数 0

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

以下是我导入的库:

代码语言:javascript
复制
<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"。正如您所看到的,整个过程都认为是wicket应用程序,所以我不能真正影响前三个导入。

我按照以下方式实现了jqxgrid:

代码语言:javascript
复制
<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的初始值很好,我看到表中包含我希望它显示的所有数据。

但是当我编辑一个单元格并结束编辑时,行

代码语言:javascript
复制
$('#jqxgrid').jqGrid('getCell',args.rowindex,'Name')

在控制台中产生一个错误:

代码语言:javascript
复制
TypeError: Object [object Object] has no method 'jqGrid'

我做了一些研究,但无法给出明确的解释。有什么经验会有什么问题吗?我忘了有什么进口吗?有什么错的顺序吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-12-11 15:40:43

类型错误,更改

代码语言:javascript
复制
$('#jqxgrid').jqGrid(... 

代码语言:javascript
复制
$('#jqxgrid').jqxGrid(...
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20523352

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档