[英]JSON into Tabulator table- Javascript
我正在嘗試將URL中的JSON加載到Tabulator表中。 我在這里有一個jsfiddle https://jsfiddle.net/liostse/2tdtyL6d/
var tableData = [];
$.getJSON('http://88.99.13.199:3000/regionsdata', function(mydata) {
mydata.forEach(function(val) {
var regdata = {};
regdata.measure_code = val.measure_code;
regdata.totalbent = val.totalbent;
regdata.totalddent = val.totalddent;
regdata.totaldd = val.totaldd;
regdata.pctpliromes = val.pctpliromes;
tableData.push(regdata);
});
});
$("#mytable").tabulator({
data: tableData,
layout: "fitColumns",
tooltipsHeader: false,
columns:
[{title: "Measure",field: "measure_code",sorter: "string",frozen: true},
{title: "totalbent",field: "totalbent"},
{title: "totalddent",field: "totalddent"},
{title: "totaldd",field: "totaldd"},
{title: "pctpliromes",field: "pctpliromes"}],
});
請注意,如果我使用硬編碼數據,則可以使用:
var tableData = [
{measure_code:"Μ1",totalbent:"", totalddent:"", totaldd:"", pctpliromes:""},
{measure_code:"Μ2",totalbent:"", totalddent:"", totaldd:"", pctpliromes:""},
{measure_code:"Μ3",totalbent:"", totalddent:"", totaldd:"", pctpliromes:""},
{measure_code:"Μ19",totalbent:"", totalddent:"", totaldd:"", pctpliromes:""},
{measure_code:"Μ20",totalbent:"", totalddent:"", totaldd:"", pctpliromes:""},
{measure_code:"Μ97",totalbent:"", totalddent:"", totaldd:"", pctpliromes:""},
];
任何幫助將是巨大的!
getJSON是異步的,因此當您調用.tabulator時,您的數據還不存在。 您必須在getJSON成功函數中放置對.tabulator的調用,即:
$.getJSON('http://88.99.13.199:3000/regionsdata', function(mydata) {
mydata.forEach(function(val) {
...
});
$("#mytable").tabulator({
...
});
});
無需在Tabulator之外解析數據,可以調用setData函數並將URL直接傳遞到其中。 制表器將負責其余的工作。
$(“#mytable”)。tabulator(“ setData”,“ http://88.99.13.199:3000/regionsdata ”);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.