deblan/gridstack.js
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

onchange event

Browse source
This commit is contained in:
Pavel Reznikov 2014-11-11 21:21:40 -08:00
commit 9928b3a7f4
1 changed files with 26 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

32
gridstack.js
View file

@ -51,6 +51,7 @@
if (!can_be_moved) {
break;
}
n._dirty = n.y != new_y;
n.y = new_y;
}
}, this);
@ -96,7 +97,17 @@
};
GridStackEngine.prototype._notify = function () {
this.onchange(this.nodes);
var deleted_nodes = Array.prototype.slice.call(arguments, 1).concat(this.get_dirty_nodes());
deleted_nodes = deleted_nodes.concat(this.get_dirty_nodes());
this.onchange(deleted_nodes);
};
GridStackEngine.prototype.clean_nodes = function () {
_.each(this.nodes, function (n) {n._dirty = false });
};
GridStackEngine.prototype.get_dirty_nodes = function () {
return _.filter(this.nodes, function (n) { return n._dirty; });
};
GridStackEngine.prototype.add_node = function(node) {
@ -108,6 +119,7 @@
if (typeof node.min_height != 'undefined') node.height = Math.max(node.height, node.min_height);
node._id = ++id_seq;
node._dirty = true;
this.nodes.push(node);
this._fix_collisions(node);
this._pack_nodes();
@ -138,6 +150,7 @@
}
var moving = node.x != x;
node._dirty = true;
node.x = x;
node.y = y;
@ -175,11 +188,16 @@
this.grid = new GridStackEngine(this.opts.width, function (nodes) {
_.each(nodes, function (n) {
n.el
.attr('data-gs-x', n.x)
.attr('data-gs-y', n.y)
.attr('data-gs-width', n.width)
.attr('data-gs-height', n.height);
if (n._id == null) {
n.el.remove();
}
else {
n.el
.attr('data-gs-x', n.x)
.attr('data-gs-y', n.y)
.attr('data-gs-width', n.width)
.attr('data-gs-height', n.height);
}
});
});
@ -219,6 +237,7 @@
var on_start_moving = function (event, ui) {
var o = $(this);
self.grid.clean_nodes();
cell_width = Math.ceil(o.outerWidth() / o.attr('data-gs-width'));
self.placeholder
.attr('data-gs-x', o.attr('data-gs-x'))
@ -240,6 +259,7 @@
.attr('data-gs-height', node.height)
.removeAttr('style');
self._update_container_height();
self.container.trigger('change', [self.grid.get_dirty_nodes()]);
};
el.draggable({