jQuery DataTable -显示自定义JSON结构的数据
jQuery DataTable - Displaying data with custom JSON structure
如何使用jQuery Datatable填充自定义JSON数据结构。我发现下面的解决方案(Datatable默认- JSON结构),它的工作很好,直到我有"数据"作为主要对象/数组,然而,我想利用另一个JSON结构(我的JSON结构)。它是可能的还是我需要坚持与Datatable默认JSON结构?我使用的是数据表1.10.7。谢谢你的帮助。
Datatable default - JSON Structure
{
"data": [
{
"name": "Tiger Nixon",
"position": "System Architect",
"salary": "$320,800",
"start_date": "2011/04/25",
"office": "Edinburgh",
"extn": "5421"
},
{
"name": "Garrett Winters",
"position": "Accountant",
"salary": "$170,750",
"start_date": "2011/07/25",
"office": "Tokyo",
"extn": "8422"
}
]
}
My JSON structure
[
{
"Date": "12/04/14",
"MeterID": "56",
"BlockID": "12",
"Type": "sure",
"Subtype": "truction",
"Notes": ""
},
{
"Date": "12/04/14",
"MeterID": "3456",
"BlockID": "123456",
"Type": "alism",
"Subtype": "working",
"Notes": "Lorem"
}
]
jQuery Datatable代码片段
$('#incident').DataTable({
"ajax": "../../data/object.json",
"columns": [
{ "data": "name" },
{ "data": "position" },
{ "data": "salary" },
{ "data": "start_date" },
{ "data": "office" },
{ "data": "extn" }
],
"iDisplayLength": 10
})
阅读此解决方案,它将解决您的查询…
我是这样做的。
$('#divWorkQueueTable').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="workQueueTable"></table>');
$('#workQueueTable').DataTable({
"data": requests,
"columns": [{
"title": 'ID',
"data": "ID",
"sWidth": "5%",
"render": function(data) {
return '<a href="javascript:;" onclick="modARBRequest.Load( ''' + data + ''')">' + data + '</a>';
}
}, {
"title": "Project ID",
"data": "ProjectID",
"sWidth": "10%"
}, {
"title": "Phase",
"data": "Phase",
"sWidth": "5%"
}, {
"title": "Project Description",
"data": "Title",
"sWidth": "50%"
}, {
"title": "Date Requested",
"data": "DateRequested",
"sWidth": "10%",
"render": function(data) {
return modCommon.DateToString(data);
}
}, {
"title": "Stage",
"data": "Stage",
"sWidth": "15%"
}, {
"title": "Status",
"data": "Status",
"sWidth": "10%"
}]
});
所以如果我是你,我会尝试解析ajax请求并将解析后的数据传递到数据表中。看看你的"数据"行,他们似乎不符合你的json。我错过什么了吗?
所以你需要像"data":"Date", "data":" MeterID", "data":" BlockID"等等…
$('#incident').DataTable({
"ajax": "../../data/object.json",
"columns": [
{ "data": "Date" },
{ "data": "MeterID" },
{ "data": "BlockID" },
{ "data": "Type" },
{ "data": "Subtype" },
{ "data": "Notes" }
],
"iDisplayLength": 10
})
相关文章:
- 从键值结构中获取数据,并将其与AngularJS中ng重复的值进行比较
- 从json对象聚集数据并创建层次结构
- JS库支持各种数据结构?(如爪哇的番石榴)
- JavaScript数据结构
- Node JS,传统的数据结构?(如Set等),任何类似Java.util的node
- 更正扁平数据模型和noSQL数据结构
- 如何解析文本区域中的结构化字符串数据(接近JSON)以检索其所需的属性
- Firebase-结构数据
- 用于筛选无模式集合的最快数据结构
- 将数据结构转换为二进制数据
- JavaScript 设置具有对数搜索时间的数据结构
- 更好的数据结构来处理这个数组
- D3:使用 nest 函数将带有父键的平面数据转换为层次结构
- Firebase 数据结构理念
- 基于其他数据结构更新 AngularJS 中的数据结构
- JavaScript - JSON 数据结构的构建 - 如何使用变量值更改键名
- 如何为选中的项准备xml结构数据
- 用于报告层次结构数据的下拉列表
- 存储“最近10年”的数据结构数据集
- 如何从url中检索HTML结构数据,并使用javascript分析DOM特定数据