Clear Up
SharpKit Reference

NestedList Class

Namespace: Ext.dataview

Base Types

System.Object

Constructors

Properties

Name Description
alternateClassName NestedList provides a miller column interface to navigate between nested sets and provide a clean interface with limited screen real-estate. * @example miniphone preview var data = { text: 'Groceries', items: [{ text: 'Drinks', items: [{ text: 'Water', items: [{ text: 'Sparkling', leaf: true }, { text: 'Still', leaf: true }] }, { text: 'Coffee', leaf: true }, { text: 'Espresso', leaf: true }, { text: 'Redbull', leaf: true }, { text: 'Coke', leaf: true }, { text: 'Diet Coke', leaf: true }] }, { text: 'Fruit', items: [{ text: 'Bananas', leaf: true }, { text: 'Lemon', leaf: true }] }, { text: 'Snacks', items: [{ text: 'Nuts', leaf: true }, { text: 'Pretzels', leaf: true }, { text: 'Wasabi Peas', leaf: true }] }] }; * Ext.regModel('ListItem', { fields: [{ name: 'text', type: 'string' }] }); * var store = new Ext.data.TreeStore({ model: 'ListItem', defaultRootProperty: 'items', root: data }); * var nestedList = new Ext.NestedList({ fullscreen: true, title: 'Groceries', displayField: 'text', store: store }); *
extend NestedList provides a miller column interface to navigate between nested sets and provide a clean interface with limited screen real-estate. * @example miniphone preview var data = { text: 'Groceries', items: [{ text: 'Drinks', items: [{ text: 'Water', items: [{ text: 'Sparkling', leaf: true }, { text: 'Still', leaf: true }] }, { text: 'Coffee', leaf: true }, { text: 'Espresso', leaf: true }, { text: 'Redbull', leaf: true }, { text: 'Coke', leaf: true }, { text: 'Diet Coke', leaf: true }] }, { text: 'Fruit', items: [{ text: 'Bananas', leaf: true }, { text: 'Lemon', leaf: true }] }, { text: 'Snacks', items: [{ text: 'Nuts', leaf: true }, { text: 'Pretzels', leaf: true }, { text: 'Wasabi Peas', leaf: true }] }] }; * Ext.regModel('ListItem', { fields: [{ name: 'text', type: 'string' }] }); * var store = new Ext.data.TreeStore({ model: 'ListItem', defaultRootProperty: 'items', root: data }); * var nestedList = new Ext.NestedList({ fullscreen: true, title: 'Groceries', displayField: 'text', store: store }); *
UseToolbar
xtype

Methods

Name Description
applyBackButton(object)
applyDetailCard(object)
applyDetailContainer(object)
applyStore(object)
applyToolbar(object)
doBack(object, object, object, object)
getItemTextTpl(object) Override this method to provide custom template rendering of individual nodes. The template will receive all data within the Record and will also receive whether or not it is a leaf node. @param {Ext.data.Record} node
getListConfig(HtmlElement) @private Returns the list config for a specified node. @param {HTMLElement} node The node for the list config
getTitleTextTpl(object) Override this method to provide custom template rendering of titles/back buttons when useTitleAsBackText is enabled. @param {Ext.data.Record} node
goToLeaf(NodeInterface) The leaf you want to navigate to. You should pass a node instance. @param {Ext.data.NodeInterface} node The specified node to navigate to
goToNode(NodeInterface) Method to handle going to a specific node within this nested list. Node must be part of the internal {@link #store}. @param {Ext.data.NodeInterface} node The specified node to navigate to
goToNodeReverseAnimation(NodeInterface) @private Returns true if the passed node should have a reverse animation from the previous current {@link #node} @param {Ext.data.NodeInterface} node
initialize() @event load @alias Ext.data.Store#load
onBackTap() Called when the backButton has been tapped
onItemDoubleTap(object, JsNumber, object, Event) Called when an list item has been tapped @param {Ext.List} list The subList the item is on @param {Number} index The id of the item tapped @param {Ext.Element} item The list item tapped @param {Ext.event.Event} e The event
onItemTap(object, JsNumber, object, Event) Called when an list item has been tapped @param {Ext.List} list The subList the item is on @param {Number} index The id of the item tapped @param {Ext.Element} item The list item tapped @param {Ext.event.Event} e The event
onLoad(object)
renderTitleText(object, object) @private
setUseToolbar(object)
syncToolbar(object) @private Method which updates the {@link #backButton} and {@link #toolbar} with the latest information from the current {@link #node}.
updateBackButton(object, object)
updateBackText(object)
updateData(object)
updateStore(object, object)
updateTitle(object)
updateToolbar(object, object)
© Copyright 2005-2011 SharpKit. All rights reserved.