我正在尝试将 JSON 从 URL 加载到制表符表中。我这里有一个 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 时,您的数据还不存在。 您必须将对 .tabulator 的调用放在 getJSON success 函数中,即类似:
$.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");