Class Banana.Controls.DataGridTileListRender
Extends
Banana.Controls.DataGridBaseListRender.
- Methods borrowed from class Banana.Controls.DataGridBaseListRender:
- addSelectedIndex, applyUid, clearSelectedIndex, clearSelectedIndices, getIndexIsSelected, getObject, getRenderedItemRenderByIndex, getRenderedItemRenders, getSelectedIndices, getSelectedItems, getSelectedKeys, moveSelectedItemsDown, moveSelectedItemsUp, removeAllItems, removeSelectedItems, rerender, selectNextFromList, selectPreviousFromList, setItemIndexKey, setSelectedItems
- Methods borrowed from class Banana.Controls.CustomListControl:
- createControls, setData, setDataSource, setDomData
- Methods borrowed from class Banana.Controls.ListControl:
- dataSetSourceBind, getDataSource, setDataKeyField, setDataValueField
- Methods borrowed from class Banana.Controls.DataControl:
- dataSetBind, getData, unDataSetBind, updateDisplay
- Methods borrowed from class Banana.Controls.Panel:
- getTagName
- Methods borrowed from class Banana.UiControl:
- addControl, addCss, addCssClass, getAttribute, getAttributes, getClientId, getCss, getCssClass, getDimensions, getHtml, getHtmlAttributes, getState, getStyle, getStyleProperty, hasCssClass, registerEvents, removeAttribute, removeCssClass, removeState, setAttribute, setClientId, setCss, setEnabled, setState, setStyle, setVisible, switchCssClass, triggerEvent, unregisterEvents
- Methods borrowed from class Banana.Control:
- applyToChildren, bind, clear, createComponents, findControl, generateUniqueId, getControls, getDomEventTypes, getFirstUiControl, getId, getPage, getParent, getProxy, hasBind, invalidateDisplay, onPreInvalidateContents, onWindowResize, remove, render, setId, setPage, setParent, unbind, unload
Defined in: DataGridTileListRender.js.
Creates a datagrid tile list render. Each item in the datasource is a tile. Use setPlaceHolderWidth to have multiple tiles after each other. You can also define this in css By default each tile is rendered by a Banana.Controls.DataGridTileItemRender instance implement your own instance to construct more advanced item renders
example:
//define our custom datagrid table item render
myCustomItemRender = Banana.Controls.DataGridTableContentItemRender.extend({
createComponents : function()
{
var label = new Banana.Controls.Panel();
label.setData(this.getData().id);
this.addControl(new Banana.Controls.Panel());
}
});
grid = new Banana.Controls.DataGrid();
var listRender = new Banana.Controls.DataGridTileListRender()
listRender.setHItemCount(4);
listRender.setTilePadding(6);
//note that this method required you to pass a function providing the itemrender.
listRender.setItemRender(function(){return new myCustomItemRender()});
grid.setListRender(listRender);
var content = [{id:1},{id:2}];
grid.setDataSource(content);
this.addControl(grid);
At item at specific index. Results in rerender of the list
- Parameters:
- {Object} item
- {int} index
- {Banana.Controls.DataGridTileItemRender} render
- {Boolean} preventRender
- when true we wont render. useful whne adding multiple items at once
Adds item to the datasource. Results in rerender of the list
TODO: now every add results into instant render. we could optimize this by rendering everything at once.
- Parameters:
- {Array} items
At items at specific index. Results in rerender of the list
- Parameters:
- {Object} item
- {int} index
- {Banana.Controls.DataGridTileItemRender} render
- Returns:
- {Banana.Controls.DataGridTileItemRender}
- Parameters:
- {Banana.Controls.ItemRender}
- Returns:
- {Banana.UiControl}
- Parameters:
- {int} int
- {Banana.Controls.ItemRender} itemRender
- Returns:
- {boolean}
removes item from datagrid based on itemrender instance.
- Parameters:
- {Banana.Controls.DataGridTileItemRender} itemRender
Set the global item render for this list render.
- Parameters:
- {Banana.Controls.DataGridTileItemRender} itemRender
Use this to change item render on a specific index. By default the list render will rerender the new item render
- Parameters:
- {int} index
- {String} render
- {Boolean} dontCreate
- {Boolean} ignoreDataItemRenderMap
Sets item renders on multi indices at once.
- Parameters:
- {Array} indices
- {Function} renderFactory
- of Banana.Controls.DataGridTileItemRender