我已经用gridster做了一些测试,我可以保存一些gridster数据,比如coords,size,id等。
但是我无法保存填充网格的div的内容,以后我可以加载每个元素的gridster coords。
这是我的代码:
$(document).ready(function () {
var grid_canvas = $("#homepage > #grid").gridster({
widget_margins: [10, 10],
widget_base_dimensions: [140, 140],
widget_selector: ".gs_w",
shift_larger_widgets_down: false,
serialize_params: function($w, wgd) {
return {
id: $($w).attr('id'),
col: wgd.col,
row: wgd.row,
size_x: wgd.size_x,
size_y: wgd.size_y,
};
},
draggable: {
stop: function(event, ui) {
var positions = JSON.stringify(this.serialize());
$.post(
"process.php",
{portlets: positions},
function(data){
var resultado = jQuery.parseJSON(data);
$("#result").html(resultado)
}
);
}
}
}).data('gridster');
});
在这里我的process.php:
我可以提取该div的所有html内容,以便以后动态重新创建。
谁能帮我?
谢谢