w2ui网格从api获取记录
Posted
技术标签:
【中文标题】w2ui网格从api获取记录【英文标题】:w2ui grid getting records from api 【发布时间】:2018-10-28 00:47:09 【问题描述】:这是我第一次尝试在我的项目中实现 w2ui 库。我有这段代码,正在尝试从远程 url 获取记录;
<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"]
【问题讨论】:
【参考方案1】:您需要更改返回的 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
【讨论】:
非常感谢您的支持以上是关于w2ui网格从api获取记录的主要内容,如果未能解决你的问题,请参考以下文章
w2ui:错误:无法添加没有 reci 的记录。 (对象:网格)
JS/w2ui:如何使用 w2ui JavaScript UI 库将子级添加到网格?