data.indexOf 不是 Tabulator JavaScript 库中的函数错误。
完整的错误消息:
[Error] TypeError: data.indexOf is not a function. (In 'data.indexOf("{")', 'data.indexOf' is undefined) load (tabulator.js:6075) _loadInitialData (tabulator.js:7971) _create (tabulator.js:7841) (anonieme functie) (tabulator.js:7756)
并警告:
Table Not Initialized - Calling the redraw function before the table is initialized may result in inconsistent behavior, Please wait for the `tableBuilt` event before calling this function
我使用了文档中描述的设置,基于浏览器,所以 tabulator.js 和 tabulator.css 位于 html 中的位置。没有做任何其他事情。
我的 HTML:
<!DOCTYPE html> <html lang="nl"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/tabulator.css"> <!-- <link rel="stylesheet" href="css/tabulator.css.map"> --> <link rel="stylesheet" href="css/layout.css"> <link rel="stylesheet" href="css/style.css"> <script defer src="js/tabulator.min.js"></script> <script defer src="js/crud.js"></script> <script defer src="js/data.js"></script> <script defer src="js/assess.js"></script> <title>DMMA</title> </head> <body> <main id="home"> <h1 class="center-text dark-blue-text">Datamanagement Maturity Assessment</h1> <div id="entree" class="container"></div> <div class="output container"></div> </main> </body> </html>
我在assess.js中的javascript:
document.addEventListener('DOMContentLoaded', async function() { // the assObj is the data of assessment objects I want to retrieve const assObj = new dataProvider; // Use Tabulator assObj.get('api.php/records/AssmntPlusObjects') // .then(async dataArray => displayRecords(dta, false)) // Works! .then(dataArray => { let table = new Tabulator("#entree", { data: dataArray, autoColumns: true }) }) .catch(err => displayError(err, null)) });
assObj.get 转到一个获取类,该类从 MySQL 数据库获取数据,而 MySQL 数据库通过 PHP 通用 API 获取数据。这一切都有效。 带有对象的数据数组已转换为 JavaScript 对象 OK。制表器给出上述错误。
该网站位于互联网提供商主机上,我不想在本地运行另一个 MySQL。
有什么建议吗?设置错误?
P粉4125335252024-02-27 14:05:16
找到了罪魁祸首!我需要使用
获取 dataArray 中的记录data: dataArray.records,
就是这样!
我发现这很神奇,因为在我使用数据构建的自定义表函数(displayRecords(dataArray, false))中,它无需 .records 属性即可工作。
感谢您让我了解 dataArray 的内容。