文章/答案/技术大牛

发布

问w2ui网格从api获取记录
EN

Stack Overflow用户

提问于 2018-05-17 16:49:52

回答 1查看 1.5K关注 0票数 0

这是我第一次尝试在我的项目中实现w2ui库。我有这个代码，并试图从远程网址获取记录；

 <script type="text/javascript">
   $(function () {
    $('#grid').w2grid({
        name: 'grid',

      url:'http://api/payments.php',

       columns: [
        { field: 'name', caption: 'name', size: '30%' },

        { field: 'ref', caption: 'First Name', size: '30%' },
        { field: 'pay_date', caption: 'Last Name', size: '30%' },
        { field: 'amount', caption: 'Email', size: '40%' }


        ]

    });
});

api返回这个json输出：

      [{"Key":"12;2TgBAACHBg==10;20897568710;","id":6,"amount":"50","pay_date":"2018-05-17T00:00:00Z","applicant_id":116,"paid_by":"sami","pay_type":"cash","ref":"NSC170621001","name":"Sekyi Quainoo"},{"Key":"12;2TgBAACHBw==10;20897569590;","id":7,"amount":"70","pay_date":"2018-05-17T00:00:00Z","applicant_id":119,"paid_by":"nii","pay_type":"cash","ref":"NSC170725119","name":"Adwoa Sam"}]

javascript

plugins

w2ui

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-05-17 18:47:20

您需要更改返回的JSON以符合w2ui的要求。

网格需要来自服务器的JSON格式的数据，如下所述。JSON结构将与jQuery.extend方法合并到网格中。这意味着您可以从服务器返回任何受支持的网格属性，并且它将被应用。

{
    "status"  : "success",
    "total"   : 36,
    "records" : [
        { "recid": 1, "field-1": "value-1", ... "field-N": "value-N" },
        ...
        { "recid": N, "field-1": "value-1", ... "field-N": "value-N" }
    ]
}

来源：http://w2ui.com/web/docs/1.5/grid/overview#data-structures

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50396710

复制

相似问题

问w2ui网格从api获取记录
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问w2ui网格从api获取记录EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问w2ui网格从api获取记录
EN