Question

我开始玩GridStack尝试替换我用Gridster制作的页面。能够很好地使用bootstrap并具有响应能力是很有吸引力的。

似乎主要缺乏文档，我正在努力保存数据。

以下是我到目前为止的页面 - http://ededit.com/testing/test.html

我在堆栈溢出时发现这个页面，当我移动或调整对象大小时，鳕鱼可以正常工作，但是我无法通过点击按钮来查看数据

我的最终目标是点击＆＃34;保存＆＃34;按钮并输出json（id，width，height，x，y）

Answer 1

我想通了，我在github上发现了一个“问题”并从那里发现了它。调用下面的函数将以json格式输出数据。

function saveData() {
    var items = [];

    $('.grid-stack-item.ui-draggable').each(function () {
        var $this = $(this);
        items.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()
        });
    });

    alert(JSON.stringify(items));
}

Gridstack.js保存数据

1 个答案: