Javascript 如何解析gridstack.js项？

也许这很简单，但我仍在学习JS和其他东西。 我正在使用这个插件，希望在小部件重新定位/调整大小时发送ajax请求。我写了以下内容（根据官方自述）：

看看控制台是怎么说的：[Object，Object]——可能是因为我在页面上有两个小部件，但我必须注意，这个数量可能会有所不同（小部件可能会被动态删除/添加）

---

我如何才能“解析”这个“项目”的东西，以便访问小部件的属性？

万一有人在寻找这个问题的答案，我已经解决了这个问题：

$('.grid-stack').on('change', function (e, items) {
    var widgets = [];

    for (i = 0; i < items.length; i++) {
        var widgetsObj = {
            'widgetId': items[i].el.context.id,
            'x': items[i].x,
            'y': items[i].y,
            'width': items[i].width,
            'height': items[i].height
        }
        widgets.push(widgetsObj);
    }
}

$（'.grid stack'）。关于（'change'，函数（e，items）{
var-widgets=[]；
对于（i=0；i

因为items变量可能包含多个对象，所以我循环使用它来创建一个具有所需属性的对象数组。

var serialize\u widget\u map=function（items）{
var serialize_widget_map = function (items) {
    console.log(items);
};

$('.grid-stack').on('change', function (e, items) {
    var widgets = [];

    for (var i = 0; i < items.length; i++) {
        var widgetsObj = {
            'widgetId': items[i],
            'x': items[i].x,
            'y': items[i].y,
            'width': items[i].width,
            'height': items[i].height
        }
    }
    serialize_widget_map(widgetsObj);
});

控制台日志（项目）；
};
$（'.grid stack'）。关于（'change'，函数（e，items）{
var-widgets=[]；
对于（变量i=0；i

我回答您的问题是因为我正在寻找检索当前项目/节点的方法

我找到了这个解决方案，其中不需要事件

grid = $('.grid-stack').data('gridstack');
items = grid.grid.nodes;

---

如何获取widgetId它在这里显示未定义我的问题是我添加了这个。serializedData=[{x:6，y:0，宽度：6，高度：5，widgetId:10}，]；我想在这里使用我的自定义参数。实际上，

change

函数中的

items

只是从拖动的小部件开始一直到最后的小部件数组，但是

items

不包括更改前的小部件。

grid = $('.grid-stack').data('gridstack');
items = grid.grid.nodes;