在 jQuery 中,我试图在下面创建 Json 数据,但由于它与 jQuery 插件“DataTables”相关而遇到了一些困难。
请参阅此 URL 以获取类似示例:http ://www.datatables.net/release-datatables/examples/data_sources/js_array.html
我的基于 Json 的变量应该用作以下 DataTable 的输入,但它不起作用(即我的 Datatables Html 表不呈现):
// JSON DATA OF PORTFOLIOS !!
$(this).find("exposureProfile node").each(function () {
PfJsonData.aaData.push({
"PfId": pfId,
"Name": name,
"ExpType": expType,
"Date": nodeDate,
"Term": term,
"Exposure": exposure
});
});
var oTable = $('#pftable').dataTable({
"aaData": [PfJsonData], // "aaData" paramater here !!
"aoColumns":[
{ "mData": "PfId" },
{ "mData": "Name" },
{ "mData": "ExpType" },
{ "mData": "Date" },
{ "mData": "Term" },
{ "mData": "Exposure" }
],
'aoColumnDefs': [
{ "sTitle": "Pf Id", "aTargets": [0] },
{ "sTitle": "Name", "aTargets": [1] },
{ "sTitle": "Exp Type", "aTargets": [2] },
{ "sTitle": "Date", "aTargets": [3] },
{ "sTitle": "Term", "aTargets": [4] },
{ "sTitle": "Exposure", "aTargets": [5] },
]
});
上面的代码根本不会呈现我的 Datatables Html 表。但是,如果我手动创建内联数据,它将正常工作。这是一个示例,仅指出“aaData”参数:
"aaData": [
{
"PfId": "11000",
"Name": "Bob Jr.",
"ExpType": "Hs Var",
"Date": "05/01/1967",
"Term": "term 123",
"Exposure": "55,000,000"
},
{
"PfId": "12000",
"Name": "James",
"ExpType": "Hs Var",
"Date": "06/14/2003",
"Term": "term 123",
"Exposure": "56,000,000"
}
],
如果可能的话,有人可以帮我吗?我希望我的问题足够清楚。
问候,鲍勃