在gridster中resize后，获取小部件的维度将数据序列化为JSON

我试图在更改框的大小和位置后获取序列化JSON数据。 但我只获得了加载细节。 如何在调整框大小后获取序列化数据。 而且我还想获​​得该框的文本（框中的值）。

这是我的代码：

$(function() { var gridster = $(".gridster > ul").gridster({ widget_margins: [10, 10], widget_base_dimensions: [230, 160], helper: 'clone', resize: { enabled: true, }, serialize_params: function($w, wgd) { return { text: $($w).attr('.drop'), col: wgd.col, row: wgd.row, size_x: wgd.size_x, size_y: wgd.size_y }; } }).data('gridster'); //serialization// var gridster = $(".gridster > ul").gridster().data('gridster'); gridData = gridster.serialize(); /*alert(gridData.toSource())*/ $('.js-seralize').on('click', function() { alert(gridData.toSource()); }); //delete// $(".del_img").click(function() { gridster.remove_widget($(this).parent()); }); }); 

请检查此链接

请帮忙。

提前致谢。

Answer 1

删除它

  serialize_params: function($w, wgd) { return { text: $($w).attr('.drop'), col: wgd.col, row: wgd.row, size_x: wgd.size_x, size_y: wgd.size_y }; 

试试这个你就会得到你所需要的

  $('.js-seralize').on('click', function() { // alert(gridData.toSource()) var finalserializer="["; $('.re_boxes').each(function(){ var xaxisval = $(this).attr("data-sizex"); var yaxisval = $(this).attr("data-sizey"); var colval = $(this).attr("data-col"); var rowval = $(this).attr("data-row"); var coltitle = $(this).find("a").text(); var currentfinal = "{'col':"+colval+",'row':"+rowval+",'size_x':"+xaxisval+",'size_y':"+yaxisval+",'text:'"+coltitle+"}"; finalserializer = finalserializer+currentfinal; }); finalserializer=finalserializer+"]"; alert(finalserializer); });