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"簡単のため省略しました。ご覧のとおり、全体がウィケット アプリケーションであるため、最初の 3 つのインポートに実際に影響を与えることはできません。

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 に答える