我试图在更改框的大小和位置后获取序列化数据。但我只得到加载细节。调整框大小后如何获取序列化数据。而且我还想获取框的文本(框中的值)。
这是我的代码:
$(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 {
id: $($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());
});
});
请检查此链接
请帮忙。
提前致谢。
//也尝试过这样的事情 //
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).children("a").text();
var currentfinal = "{col:"+colval+"row:"+rowval+"xsize:"+xaxisval+"ysize:"+yaxisval+"coltitle:"+coltitle+"}"
finalserializer = finalserializer+currentfinal;
});
finalserializer=finalserializer+"]"
});
$('.js-seralize').on('click', function() {
alert(gridData.toSource())
});