如何在引导中使用数据表访问json文件中数组内的对象



JSON data:

[{"kContentProcessing":1、"appData":{"kAppData":1、"名称":"500 px.com"},"主人":"吃晚饭朱利叶斯。"、"cp_status":"做"、"dv_status":"做"、"iibe_status":"做"、"cp_req":"没有"、"dv_req":"没有"、"iibe_req":"没有"、"createdate ": " 2015-08-03 "}, {" kContentProcessing ": 2,"appData":{"kAppData":2,"名字":"gag.com"9},"主人":"amey公司"、"cp_status":"完成","dv_status":"完成","iibe_status":"完成","cp_req":"不","dv_req":"不","iibe_req":"不","createdate":"2015-08-10"},{"kContentProcessing":3,"appData":{"kAppData":3,"名字":"abc.go.com"},"主人":"杰克"、"cp_status":"完成","dv_status":"完成","iibe_status":"完成","cp_re问:"做"、"dv_req":"做"、"iibe_req":"做"、"createdate ": " 2015-08-11 "}, {" kContentProcessing ": 4,"appData":{"kAppData":3,"名字":"abc.go.com"},"主人":"吉尔"、"cp_status":"完成","dv_status":"完成","iibe_status":"完成","cp_req":"完成","dv_req":"完成","iibe_req":"完成","createdate":"2015-08-11"},{"kContentProcessing":5"appData":{"kAppData":5,"名字":"aliexpress.com"},"主人":"琼斯","cp_status":"完成","dv_status":"完成","iibe_status":"完成","cp_req":"完成","dv_req":"完成","iibe_req":"完成","createdate": " 2015-08-11 "}, {" kContentProcessing ": 6"appData":{"kAppData":6,"名字":"allthecooks.com"},"主人":"马克","cp_status":"完成","dv_status":"完成","iibe_status":"完成","cp_req":"完成","dv_req":"完成","iibe_req":"完成","createdate":"2015-08-11"},{"kContentProcessing":7,"appData":{"kAppData":7,"名字":"bigoven.com"},"主人":"乔","cp_status":"完成","dv_status":"完成","iibe_status":"完成","cp_req":"完成","dv_req":"完成","iibe_req":"完成","createdate":"2015-08-11"},{"kContentProcessing":8"appData":{"kAppData":8,"名":"bookmyshow.com"},"所有者":"百姓"、"cp_status":"做"、"dv_status":"做"、"iibe_status":"做"、"cp_req":"做"、"dv_req":"做"、"iibe_req":"做"、"createdate ": " 2015-08-11 "}, {" kContentProcessing ": 9,"appData":{"kAppData":9,"名字":"crackle.com"},"主人":"约"、"cp_status":"完成","dv_status":"完成","iibe_status":"完成","cp_req":"完成","dv_req":"完成","iibe_req":"完成","createdate":"2015-08-11"},{"kContentProcessing":10"appData":{"kAppData":10"名称":"eat24.com"},"主人":"的"、"cp_stat我们":"做"、"dv_status":"做"、"iibe_status":"做"、"cp_req":"做"、"dv_req":"做"、"iibe_req":"做"、"createdate ": " 2015-08-11 "})

:

<th data-field=appData.name[0] data-sortable="True" data-align="center" id="o">Name</th>

那么我如何使用data-field访问名称字段呢?

<

解决方案/strong>

可以通过为table元素设置data-column-defs属性来实现

<table id="example" class="display" cellspacing="0" width="100%" data-column-defs='[{"targets":0,"data":"appData.name"}]'>

根据手册:

当使用data-*属性作为初始化选项时,有两个要点需要考虑:

  • jQuery将自动从虚线字符串转换为数据表使用的驼峰大小写符号(例如使用data-page-length代替pageLength)。
  • 如果在属性内使用字符串,则必须在中使用双引号(因此整个属性在中使用单引号)。这是jQuery处理JSON数据的另一个要求。

但是,您可以直接使用初始化选项columnDefs,而不是使用data-属性。

最新更新