Table of Contents generated with DocToc
acceptWidgets
classchange
callback to save original x,y,w,h values and only call those that changed 1148bower
since dead for a while nowoneColumnModeClass
/ .grid-stack-one-column-mode
and associated code. If you depended on this, use class .grid-stack-1
instead since it is 1 column layout anyway 1134oneColumnModeDomSort
true|false to let you specify a custom layout (use dom order instead of x,y) for oneColumnMode setColumn(1)
#713setColumn(1)
and remembers prev columns (so we can restore). This gives
us full resize/re-order of items capabilities rather than a locked CSS only layout (see prev rev changes). #1120float(val)
to set/get the grid float mode, which will relayout #1088compact()
to reclaim any empty space and relayout grid items #1101options.dragOut
to let user drag nested grid items out of a parent or not (default false)
and jQuery UI draggable.containment
can now be specified in options. You can now drag&drop between 2 nested grids #1105%
as a valid unit for height #1093. thank you
@trevisanweb @aureality
@ZoolWayadded, removed, change
or combination if adding a node require also to change its (x,y) for example.
Also you can now call batchUpdate()
before calling a bunch of addWidget()
and get a single event callback (more efficient).
#1096removeAll()
is now much faster (no relayout) and calls removed
event just once with a list #1097setColumn()
complete re-write and is no longer “Experimental”. We now do a reasonable job at sizing/position the widgets (especially 1 column) and
also now cache each column layout so you can go back to say 12 column and not loose original layout. #1098addWidget(el)
(no data) would not render item at correct location, and overlap item at (0,0) #1098data-gs-width
and data-gs-height
- fix
#413, #914, #918,
#922, #933
thanks @ermcgrat and others for pointing out code issue.jquery-ui/*
requirements from AMD packing in gridstack.jQueryUI.js
as it was causing App compile missing errors now that we include a subset of jquery-uicellHeight(val)
not working due to style change (introduced by #937) (#1068).gridstack-poly.js
for IE and older browsers, removed core-js
lib from samples (<1k vs 85k), and all IE8 mentions (#1061).jquery-ui.js
(and min.js) as minimal subset we need (55k vs 248k), which is now part of gridstack.all.js
. Include individual parts if you need your own lib instead of all.js
(#1064).width
is now column
, height
now maxRow
, and setGridWidth()
now setColumn()
to match what they are. Old names are still supported (console warnings). Various fixes for custom # of column and re-wrote entire doc section (#1053).animate: true
is used. on every move, styles were recreated-fix should slightly improve gridstack.js speed (#937).addWidget()
options (#1042).x,y
position messes up grid (#1017).onStartMoving()
(#999).gridstack.d.ts
TypeScript definition file now included - no need to include @types/gridstack
, easier to update (#1036).addWidget(el, options)
to pass object so you don’t have to spell 10 params. (#907).dropped
event when a widget is dropped from one grid into another (#823).exports
module fix (#643)..grid-stack-item-content
causing child modal dialog clipping (#984).data-gs-resize-handles
element attribute to use. For example, data-gs-resize-handles="e,w"
will make the particular widget only resize west and east. (#494).helper: 'clone'
in draggable
options. (#661, #396, #499).staticGrid
grid option (#743)getCellFromPixel
(thanks @aletorrado)!important
(thanks @krilllind)added
when a widget is added via dropping from one grid to another.removed
when a widget is removed via dropping from one grid to another.removed
when a widget is removed via dropping on a removable zone (#607 and #550).resizestop
called gsresizestop
(#577 and #398).oneColumnMode
(#593).oneColumnModeClass
option to grid.isNodeChangedPosition
, minor optimization to move/drag.size()
(#486).destroy([detachGrid])
call (#422).draggable
and resizable
. (#505).cellWidth
calculation on empty gridcellHeight
and verticalMargin
can now be string (e.g. ‘3em’, ‘20px’) (Thanks to @jlowcs).maxWidth
/maxHeight
methods.enableMove
/enableResize
methods.disableDrag
and disableResize
.batchUpdate
/commit
(Thank to @radiolips)'auto'
value for cellHeight
optionsetStatic
methodsetAnimation
method to APIsetColumn
method (#227)removable
/removeTimeout
(experimental)detachGrid
parameter to destroy
method (#216) (thanks @jhpedemonte)useOffset
parameter to getCellFromPixel
method (#237)minWidth
, maxWidth
, minHeight
, maxHeight
, id
parameters to addWidget
(#188)added
and removed
events for when a widget is added or removed, respectively. (#54)acceptWidgets
parameter. Widgets can now be draggable between grids or from outside (experimental)staticGrid
option.minWidth
/minHeight
methods (Thanks to @cvillemure)destroy
method (Thanks to @zspitzer)placeholderText
option (Thanks to @slauyama)handleClass
option.makeWidget
method.isAreaEmpty
methodbatchUpdate
/commit
methodsupdate
methodresizable
/draggable
optionsdisable
/enable
methodsgetCellFromPixel
(thanks to @juchi)alwaysShowResizeHandle
optioncellHeight
/cellWidth
API methodswillItFit
API methody
coordinate calculation when dragging (#18)removeWidget
(#16)height
optionheight
and top
)GridStackUI.Utils.sort
utility functionremoveAll
API methodresize
and move
API methodsresizable
and movable
API methodsdata-gs-no-move
attributefloat
optionVery first version.