Question

我已经尝试并搜索了很多解决方案，但没有结果。我试图在我的Jqgrid中显示JSON数据，但它无法正常工作。我已尝试使用相同的数据和数据类型：＆＃39; jsonstring＆＃39;，，这是有效的！但我需要从URL加载JSON数据并使用动态加载。这是我的代码：

var jQuery_1_8_3 = $.noConflict(true);    
jQuery_1_8_3(document).ready(function() {
        jQuery_1_8_3("#z-jqgrid-json-aj").jqGrid({
            url: '${pageContext.request.contextPath}/getProducts',
            datatype: 'json',
            mtype: 'GET',
            page: 1,
            jsonReader: {root: "products", cell: "cell"},
            colNames : ${prodConfigColNames},
            colModel : [ {
                name : '${prodColNames.get(0)}',
                index : '${prodColNames.get(0)}',
                sortable:false
            }, {
                name : '${prodColNames.get(1)}',
                index : '${prodColNames.get(1)}',
                sorttype : 'int'
            }, {
                name : '${prodColNames.get(2)}',
                index : '${prodColNames.get(2)}',
                align : 'right',
                sorttype : 'text'
            }, {
                name : '${prodColNames.get(3)}',
                index : '${prodColNames.get(3)}',
                align : 'right',
                sortable:false
            }, {
                name : '${prodColNames.get(4)}',
                index : '${prodColNames.get(4)}',
                align : 'right',
                sorttype : 'text'
            }, {
                name : '${prodColNames.get(5)}',
                index : '${prodColNames.get(5)}',
                sorttype : 'float'
            } ],
            pager : '#z-jqgrid-pager-json-aj',
            rowNum : 10,
            loadonce: false,
            ignoreCase: true,
            width: "100%",
            height: "100%",
            caption : 'JSONExample'
        });

我的数据看起来像这样：

{"currpage":"1","totalpages":"10","totalrecords":"100","products":[{"id":1,"cell":["A","A","A"]},{"id":2,"cell":["B","B","B"]},{"id":3,"cell":["C","C","C"]},{"id":4,"cell":["D","D","D"]},{"id":5,"cell":["E","E","E"]},{"id":6,"cell":["F","F","F"]}]}

我可以在浏览器中调用URL，并且能够看到JSON数据。

我非常感谢你的帮助。

这是我的HTML：

<div>
<table id="z-jqgrid-json-aj">
</table>
<div id="z-jqgrid-pager-json-aj"></div>

我只能看到一张空桌子。这是它的样子：

table

Java Jqgrid和JSON数据未显示

0 个答案: