Tile
The Tile Class provides properties, methods, and events to interface with the HTML tags generated by the <silk:Tile> tag.
Kind: global class
Properties
$tile
Object
jQuery object referencing the Tile HTML tag.
Methods and Event
new Tile(id, option)
Returns a Tile instance.
id
String
Unique identifier.
option
Object
Object containing the configuration.
[option.dataSource]
String
Unique identifier of the dataProvider used to fill the Tile.
[option.columns]
String
The number of tiles to define a row's columns. All tiles will be group in rows.
[option.rowClass]
String
The CSS class used by the row div. This only works when the column property is moren than 0.
[option.content]
String
The HTML template used to generate the
[option.rendererFn]
String
The function which re-process the generated tile's HTML.
filterLoad(index, item)
Function which evaluates if a row should be included in the table. If true is returned the row is added, false ignores the row.
Kind: instance method of Tile
index
The record index.
item
The row object.
load()
The method which load the data to fill the Tile.
Kind: instance method of Tile
on
Extends the "on" method from the eventManager Class.
Kind: instance property of Tile
eventName
String
The event's name.
eventFunction
function
The function to be triggered.
on:afterLoad (action, operationIndex)
Event triggered before the table content is loaded. Created with the Table.on("beforeLoad", function(){}) method.
Kind: event emitted by Tile
action
The executed action.
operationIndex
The index affecting the dataProvider.
on:beforeLoad (action, operationIndex)
Event triggered before the table content is loaded. Created with the Table.on("beforeLoad", function(){}) method.
Kind: event emitted by Tile
action
The executed action.
operationIndex
The index affecting the dataProvider.
on:click (item, $content, dpIndex, rowIndex, event)
Event triggered when a tile cell is clicked. Created with the Tile.on("click", function(item,$content,dpIndex,rowIndex,event){}) method.
Kind: event emitted by Tile
item
Object
The item object from the dataSource of the clicked cell.
$content
Object
The JQuery reference to the clicked cell.
dpIndex
Integer
The dataProvider index.
rowIndex
Integer
The cell Index.
event
Object
The click javascrit event object.