我一直在使用 Gridstack 动态创建网格。我使用以下函数来序列化网格及其数据。但我似乎不知道如何构建我的网格and它的内容来自它创建的 JSON 数组。我查过https://github.com/troolee/gridstack.js#load-grid-from-array https://github.com/troolee/gridstack.js#load-grid-from-array,但添加内容部分就是整个问题。
function saveData() {
var s_data = [];
$('.grid-stack-item.ui-draggable').each(function () {
var $this = $(this);
s_data.push({
x: $this.attr('data-gs-x'),
y: $this.attr('data-gs-y'),
w: $this.attr('data-gs-width'),
h: $this.attr('data-gs-height'),
content: $('.grid-stack-item-content', $this).html()
});
});
}
这会创建以下数组:
[
{"x":"0","y":"0","w":"4","h":"2","content":"<h1>Test title for content</h1>"},
{"x":"4","y":"0","w":"4","h":"4","content":""}
];
所以我的问题是:如何使用这个数组构建我的网格,包括其内容?