jTable在MySQL INSERT和node.js后不显示新的行内容
我有一个小的jTable显示从我的本地数据库使用node.js与快递发电机和MySQL拉的logging列表。 我可以显示，创build，编辑和从我的表中删除logging就好了。
我的问题是，当我使用我的jTable添加一条新的logging，它会在我的jTable中创build一个空行，并不填充新添加的数据，除非我刷新页面。 这很奇怪，因为当我使用jTable编辑和删除它时，它成功地更新了jTable中的行。
任何人都可以看到为什么这是发生？
（我排除了编辑和删除代码，因为这些工作正常）
tbl_bar结构
rowID = INT, PK, AI rowName = VARCHAR, UQ rowOrder = INT (for future row organization) index.js
var express = require('express'); var router = express.Router(); var mysql = require('mysql'); var connection = mysql.createConnection({ host: 'localhost', user: 'root', password: 'password' }); // Select which database to use connection.query('USE db_foo;'); /*********************/ /***** SHOW ROWS *****/ /*********************/ // Retrieves all rows and sends them to the jTable for display router.showRows = function (request, response) { // Query tbl_bar and return the ordered result/s connection.query('SELECT * FROM tbl_bar ORDER BY rowOrder;', function (error, result) { if (error) response.send({ Result: "ERROR", Message: "Error getting rows" }); else response.send({ Result: "OK", Records: result }); }); } /**********************/ /***** CREATE ROW *****/ /**********************/ // Function for inserting new row into tbl_bar function insertRow(data, response) { connection.query('INSERT INTO tbl_bar SET ?', data, function(error, result) { if (error) response.send({ Result: "ERROR", Message: "Error adding row" }); else response.send({ Result: "OK", Records: result }); }); } // Adds a new row to tbl_bar router.createRow = function (request, response) { var query = JSON.parse(JSON.stringify(request.body)); // Check if tbl_bar contains any rows connection.query('SELECT COUNT(*) AS rowCount FROM tbl_bar', function (error, result) { if (error) response.send({ Result: "ERROR", Message: "Error getting rows" }); else { var data = { rowName: query.rowName }; // If tbl_bar contains no rows, make rowOrder 1 if (result[0].rowCount === 0) { data['rowOrder'] = 1; insertRow(data, response); } else { // Get the highest rowOrder to determine order of newly added row connection.query('SELECT rowOrder FROM tbl_bar ORDER BY rowOrder DESC LIMIT 1', function (error, result) { if (error) response.send({ Result: "ERROR", Message: "Error getting rows" }); else { data['rowOrder'] = result[0].rowOrder + 1; insertRow(data, response); } }); } } }); } /*************************/ /***** GET HOME PAGE *****/ /*************************/ router.get('/', function (request, response, next) { response.render('index', { title: 'My jTable' }); }); // Event listeners router.post('/showRows', router.showRows); router.post('/createRow', router.createRow); module.exports = router;
table.js
function populateTable() { $('#container').jtable({ title: 'My jTable', paging: false, messages: { addNewRecord: 'Add a New Row' }, deleteConfirmation: function(data) { data.deleteConfirmMessage = 'Delete Row: ' + data.record.rowName + '?'; }, actions: { listAction: '/showRows', createAction: '/createRow' }, fields: { rowID: { key: true, list: false, create: false, edit: false }, rowName: { title: 'Name', list: true, create: true, edit: true }, rowOrder: { list: false, create: false, edit: true } } }); } $(document).ready(function () { populateTable(); $('#container').jtable('load'); });
index.jade
doctype html html head meta(charset='utf-8') | title My jTable | link(rel='stylesheet', type='text/css', href='javascripts/jquery-ui-1.11.4/jquery-ui.min.css') | link(rel='stylesheet', type='text/css', href='javascripts/jtable.2.4.0/themes/metro/blue/jtable.min.css') | script(type='text/javascript', src='javascripts/jquery-1.11.2.min.js') | script(type='text/javascript', src='javascripts/jquery-ui-1.11.4/jquery-ui.min.js') | script(type='text/javascript', src='javascripts/jtable.2.4.0/jquery.jtable.min.js') | script(type='text/javascript', src='javascripts/table.js') | body #container
读取你的代码，也许你可以尝试在你的insertRow函数中改变这一行：
else response.send({ Result: "OK", Records: result });
至
else response.send({ Result: "OK", Record: result });
我有同样的问题（jtable不显示数据在新添加的行），但与PHP。
问题是我的PHP页面的JSON响应的格式。
这种格式（1元素数组）不按预期工作：
{"Result":"OK","Record":[{"id_documento":"96","id_prodotto":"27","qta":"5"}]}
这种格式确实按预期工作，淡入效果：
{"Result":"OK","Record":{"id_documento":"96","id_prodotto":"27","qta":"5"}}
在PHP中，不同的是（错误的方式）：
while($row = $result->fetch_assoc()){ $rows[]=$row; } $jTableResult['Result'] = "OK"; $jTableResult['Record'] = $rows;
到（正确的方式）：
$jTableResult['Result'] = "OK"; $jTableResult['Record'] = $result->fetch_assoc();
希望这可以帮助。
当在一张儿童桌上工作时，我遇到了同样的问题，除了这次我能find一个解决scheme。 为了让新行显示其数据，我需要用recordAdded事件重新加载jTable 。
可惜的是，我不能保持冷静的行淡入效果。
recordAdded: function (event, data) { $('#container').jtable('reload'); }
为我的孩子表我用
recordAdded: function (event, data) { $('.jtable-child-table-container').jtable('reload'); }