Class Index | File Index

Classes


Class gva.component.FlexibleGrid


Defined in: FlexibleGrid.js.

Class Summary
Constructor Attributes Constructor Name and Description
 
Creates a new FlexibleGrid instance.
Field Summary
Field Attributes Field Name and Description
<static>  
gva.component.FlexibleGrid.EventType
Enumeration for event types dispatched from this class
Method Summary
Method Attributes Method Name and Description
 
addItem($item)
Adds a DOM element to the grid
 
Binds event listeners to viewport resize and pagination mouse events
 
Removes all items from the grid and reset the current page and offset
 
Creates the pagination navigation and appends it to the context
 
Returns a list of all items controlled by the grid, including those that might not be visible in the current page
 
initialize($context, cellWidth, cellHeight, cellSpacingX, cellSpacingY)
Initializes a new grid.
 
Navigates to the next grid page
 
onNavClick(event)
Event handler for when an pagination link is clicked
 
Navigates to the previous grid page
 
refresh(transition, direction)
Refreshes the grid view and updates visible items, with an optional transition effect
 
resize(event)
Updates grid boundaries and refreshes the grid if necessary.
Class Detail
gva.component.FlexibleGrid()
Creates a new FlexibleGrid instance.
Field Detail
<static> gva.component.FlexibleGrid.EventType
Enumeration for event types dispatched from this class
Method Detail
addItem($item)
Adds a DOM element to the grid
Parameters:
{Element} $item
The DOM element to add to the grid.

addListeners()
Binds event listeners to viewport resize and pagination mouse events

clear()
Removes all items from the grid and reset the current page and offset

createNavigation()
Creates the pagination navigation and appends it to the context

{Array.} getItems()
Returns a list of all items controlled by the grid, including those that might not be visible in the current page
Returns:
{Array.} All items (visible and hidden) in this grid.

initialize($context, cellWidth, cellHeight, cellSpacingX, cellSpacingY)
Initializes a new grid.
Parameters:
{Element} $context
The context element the grid is placed in.
{number} cellWidth
The width of each cell.
{number} cellHeight
The height of each cell.
{number} cellSpacingX
The horizontal space between each column.
{number} cellSpacingY
The vertical space between each row.

nextPage()
Navigates to the next grid page

onNavClick(event)
Event handler for when an pagination link is clicked
Parameters:
{goog.events.Event} event
The event which triggered the handler.

prevPage()
Navigates to the previous grid page

refresh(transition, direction)
Refreshes the grid view and updates visible items, with an optional transition effect
Parameters:
{boolean} transition
Whether to use a transition when switching items.
{string} direction
The horizontal transition direction 'ltr' or 'rtl'.

resize(event)
Updates grid boundaries and refreshes the grid if necessary.
Parameters:
{goog.events.Event=} event
The event that triggered the resize.

Documentation generated by JsDoc Toolkit 2.4.0 on Thu Dec 22 2011 17:41:22 GMT-0800 (PST)