也许这很简单,但我仍在学习 JS 之类的东西。
我正在使用插件https://github.com/troolee/gridstack.js https://github.com/troolee/gridstack.js并希望在小部件重新定位/调整大小时发送 ajax 请求。我写了这个(根据官方自述):
var serialize_widget_map = function (items) {
console.log(items);
};
// onchange position/size
$('.grid-stack').on('change', function (e, items) {
console.log(items);
});
只是看看控制台显示的内容:[对象,对象] - 也许是因为我在页面上有 2 个小部件,但我必须注意到这个数量可能会有所不同(小部件可能会动态删除/添加)。
我怎样才能“解析”这个“项目”的东西,以便我可以访问小部件的属性?
以防万一有人正在寻找这个问题的答案,我已经解决了这个问题:
$('.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);
}
}
由于 items 变量可能包含多个对象,因此我循环遍历它以创建具有所需属性的单个对象数组。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)