Functions

Full functions list

This section contains all functions, that can be callled after Gridifier object initialization.


var grid = new Gridifier(mygrid, settings);
        
Setting functions
changes core/api settings

grid.set("toggleTime", 1000); // Returns Gridifier
grid.get("toggleTime"); // Returns setting
grid.setApi("sort", "customSort"); // Returns Gridifier
grid.addApi("sort", "newSort", function() { /* ... */ }); // Returns Gridifier
        
Insert functions
insert items into end/start of the grid or before/after other item

grid.prepend(domCollection, 1, 100); // returns Gridifier
grid.append(domCollection, 1, 100); // returns Gridifier
grid.insertBefore(domCollection, beforeItem, 1, 100); // returns Gridifier
grid.insertAfter(domCollection, afterItem, 1, 100); // returns Gridifier

// A shorthand per grid.append(grid.collectNew(), 1, 100);
grid.appendNew(1, 100); // returns Gridifier
// A shorthand per grid.prepend(grid.collectNew() 1, 100);
grid.prependNew(1, 100); // returns Gridifier
        
Silent insert functions
insert items into end of the grid with custom delayed render

grid.silentAppend(domCollection, 1, 100); // returns Gridifier
grid.silentRender(domCollection, 1, 100); // returns Gridifier
grid.getSilent(true); // returns Array
        
Intersection functions
select grid items intersection mode and items align

grid.set("intersections", true).reposition(); // returns Gridifier
grid.set("intersections", false).reposition(); // returns Gridifier
grid.set("align", "center").reposition(); // returns Gridifier
        
Disconnect functions
disconnect items from grid

grid.disconnect(domCollection); // returns Gridifier
grid.pop(); // returns disconnected item or null
grid.shift(); // returns disconnected item or null
        
Collector helpers
get connected, disconnected or all grid items

grid.collect(); // returns Array()
grid.collectNew(); // returns Array()
grid.collectConnected(); // returns Array()
        
Iterator functions
get specific grid items according to grid sorting mode

grid.first(); // returns first grid item or null
grid.last(); // returns last grid item or null
grid.next(item); // returns next grid item or null
grid.prev(item); // returns prev grid item or null
grid.all(); // returns Array()
        
Grid reposition functions
controls reposition/resort of all grid items

grid.reposition(); // returns Gridifier
grid.resort(); // returns Gridifier
grid.set("queueSize", 40); // returns Gridifier
grid.set("queueDelay", 0); // returns Gridifier
        
Sizes transform functions
change sizes of items set

grid.toggleCss(domCollection, ["first", "second"]); // returns Gridifier
grid.addCss(domCollection, ["first", "second"]); // returns Gridifier
grid.rmCss(domCollection, ["first", "second"]); // returns Gridifier
        
Dragifier functions
enables/disables item drags

grid.dragifierOn(); // returns Gridifier
grid.dragifierOff(); // returns Gridifier
grid.isDragifierOn(); // returns Boolean
        
Renderer helpers
sets item offsets from real render position

grid.set("widthPtAs", 0.1); // returns Gridifier
grid.set("heightPtAs", 0.1); // returns Gridifier
grid.set("widthPxAs", 1); // returns Gridifier
grid.set("heightPxAs", 1); // returns Gridifier
grid.disableZUpdates(); // returns Gridifier
        
Renderer rotate helpers
controls item rotate animation params

grid.set("rotatePerspective", "500px"); // returns Gridifier
grid.set("rotateBackface", true); // returns Gridifier
grid.set("rotateBackface", false); // returns Gridifier
grid.set("rotateAngles", [-180, -360, 180, 0]); // returns Gridifier
grid.rotate(domCollection, "rotateX", 1, 100); // returns Gridifier
        
CSS3 animation helpers
controls CSS3 animation params

grid.set("toggleTime", 300); // returns Gridifier
grid.set("coordsChangeTime", 500); // returns Gridifier
grid.set("toggleTiming", "cubic-bezier(0.550, 0.055, 0.675, 0.190)"); // returns Gridifier
grid.set("coordsChangeTiming", "cubic-bezier(0.550, 0.055, 0.675, 0.190)"); // returns Gridifier
        
Api settings selectors
selects api function per each from api settings

grid.toggle('registredTogglerName'); // returns Gridifier
grid.sort('registredSortName'); // returns Gridifier
grid.filter('registredFilterName'); // returns Gridifier
grid.filter(['filter1', 'filter2', ...]); // returns Gridifier
grid.drag('registredStylerName'); // returns Gridifier
grid.rsort('registredRsortName'); // returns Gridifier
grid.set("repackSize", 20); // returns Gridifier
grid.coordsChanger('registredCoordsChangerName'); // returns Gridifier
        
Grid helpers
get grid/grid sizes

grid.gridWidth(); // returns Number
grid.gridHeight(); // returns Number
grid.grid(); // returns grid dom object
        
Other functions
other Gridifier functions

grid.destroy(); // Destroy Gridifier instance
        
next: Events prev: Sizes transforms
Ξ
GRIDIFIER.IO
x