jqxGrid没有从PHP生成的JSON填充

Question

Facing a problem today, that jqxGrid shows : No data to display. 今天面对一个问题，jqxGrid显示：没有要显示的数据。

Downloaded and unpacked today v7.1.0. 立即下载并解压缩v7.1.0。

Testing with browser Mozilla 使用浏览器Mozilla进行测试
Here is JSON, which generated by API: 这是由API生成的JSON：

{"data":[{"id":46,"dateChanged":"2019-03-02 06:30:42","isHidden":0,"isBusiness":0,"name1":"System","name2":"Administrator","sex":0,"dateOfBirth":"1970-01-01"},{"id":47,"dateChanged":"2019-03-02 06:49:25","isHidden":0,"isBusiness":0,"name1":"System 1","name2":"Administrator 1","sex":1,"dateOfBirth":"1980-01-01"}]} {“ data”：[{“ id”：46，“ dateChanged”：“ 2019-03-02 06:30:42”，“ isHidden”：0，“ isBusiness”：0，“ name1”：“ System”， “ 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”}} }

Here is code, exactly as shown in demo in order to populate grid: 这是代码，与演示中显示的完全相同，以填充网格：

    <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>

Am I doing something wrong or shall i use another library? 我做错了什么还是应该使用其他库？

Thank You, 谢谢，
Roman. 罗马。

Answer 1

In the end, problem was in PHP generating JSON. 最后，问题出在PHP生成JSON。 I didn't noticed earlier but it adds to URI some parameters that was not processed correctly. 我之前没有注意到，但是它向URI添加了一些未正确处理的参数。 Fixed by changing the PHP generating JSON script! 通过更改PHP生成的JSON脚本进行修复！

jqxGrid没有从PHP生成的JSON填充

问题描述

1 个解决方案

解决方案1
0 2019-03-10 13:07:37

jqxGrid没有从PHP生成的JSON填充

问题描述

1 个解决方案

解决方案1 0 2019-03-10 13:07:37

解决方案1
0 2019-03-10 13:07:37