正如标题所说,我有从PHP获取/解析JSON数据的slickgrid,但虽然我可以让它更新到正确的行数,但除非我先编辑它,否则单元格中不会显示任何内容。当我这样做时,会显示正确的数据,但仅适用于我编辑过的单元格。以下是相关代码:
$(function () {
$.getJSON("./test3.php", function(jsondata) {
$.each(jsondata, function(i, arr) {
var d = (data[i] = {});
$.each(arr, function(key, value) {
d[key] = value;
});
});
grid.updateRowCount();
grid.render();
});
grid = new Slick.Grid("#myGrid", data, columns, options);
//continues function prepping the grid
您可能想要更简单的实现,不需要遍历所有数据,只需将"jsondata"直接转储到SlickGrid对象创建中即可。只要将"数据"数组放入JSON对象中,就可以了。类似这样的东西:
{ "data":[{"id":"84","name" : "Someone" ... ]}
// then pass it to your Slick Object.
grid = new Slick.Grid("#myGrid", jsondata, columns, options);
仅此而已。。。哦,别忘了在的所有行上至少有一个唯一的"id"
您可以在此网站上看到示例:http://joeriks.com/2011/07/03/a-first-look-at-slickgrid-with-read-and-update-in-webmatrix/
我需要对所有添加的行调用grid.invalidateRow()。