Question

今天面对一个问题，jqxGrid显示：无数据显示。

今天已下载并解压缩v7.1.0。

使用浏览器Mozilla进行测试
这是由API生成的JSON：

{“数据”：[{“ id”：46，“ dateChanged”：“” 2019-03-02 06:30:42“，” isHidden“：0：” isBusiness“：0，” name1“：”系统“，” name2“：”管理员“，”性别“：0，” dateOfBirth“：” 1970-01-01“}，{” id“：47，” dateChanged“：”“ 2019-03-02 06:49 ：25“，” isHidden“：0，” isBusiness“：0，” name1“：”系统1“，” name2“：”管理员1“，”性别“：1，” dateOfBirth“：” 1980-01-01 “}]}

以下是代码，与演示中显示的完全相同，以填充网格：

    <script type="text/javascript" src="/AA/assets/jqx/jquery.js"></script>
    <script type="text/javascript" src="/AA/assets/jqx/jqxcore.js"></script>
    <script type="text/javascript" src="/AA/assets/jqx/jqxdata.js"></script>
    <script type="text/javascript" src="/AA/assets/jqx/jqxbuttons.js"></script>
    <script type="text/javascript" src="/AA/assets/jqx/jqxscrollbar.js"></script>
    <script type="text/javascript" src="/AA/assets/jqx/jqxmenu.js"></script>
    <script type="text/javascript" src="/AA/assets/jqx/jqxgrid.js"></script>
    <script type="text/javascript" src="/AA/assets/jqx/jqxgrid.selection.js"></script>
    <script type="text/javascript" src="/AA/assets/jqx/jqxlistbox.js"></script>
    <script type="text/javascript" src="/AA/assets/jqx/jqxdropdownlist.js"></script>
    <script type="text/javascript" src="/AA/assets/jqx/jqxgrid.pager.js"></script>
    <script type="text/javascript" src="/AA/assets/jqx/jqxgrid.columnsresize.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            var customerSource =
                    {
                        datatype: 'json',
                        datafields: [
                            {name: 'id'},
                            {name: 'name1'},
                            {name: 'name2'}
                        ],
                        id: 'id',
                        url: '/api/customer/get/list',
                        root: 'data'
                    };

            var customerAdapter = new $.jqx.dataAdapter(customerSource,
                    {
                        formatData: function (data) {
                            return {};
                        }
                    }
            );

            customerAdapter.dataBind();

            $("#jqxgrid").jqxGrid(
                    {
                        source: customerAdapter,
                        columnsresize: true,
                        autoheight: true,
                        autowidth: true,
                        columns: [
                            {text: 'id', datafield: 'id', width: 180},
                            {text: 'First Name', datafield: 'name1', width: 180},
                            {text: 'Last Name', datafield: 'name2', width: 180}
                        ]
                    });
        });
    </script>
</head>
<body>
    <div id="jqxgrid"></div>
</body>

我做错了还是应该使用其他图书馆？

谢谢
罗马。

Answer 1

最后，问题出在PHP生成JSON。我之前没有注意到，但是它向URI添加了一些未正确处理的参数。通过更改PHP生成的JSON脚本进行了修复！

jqxGrid并未从PHP生成的JSON中填充

1 个答案: