Clear Up
SharpKit Reference

Ext.view Namespace

Download SDK: SharpKit.ExtJs.zip

Classes

Name Description
AbstractView

NOTE This is a private utility class for internal use by the framework. Don't rely on its existence.

This is an abstract superclass and should not be used directly. Please see Ext.view.View.

AbstractViewConfig
AbstractViewEvents
BoundList

An internally used DataView for ComboBox.

BoundListConfig
BoundListEvents
BoundListKeyNav

A specialized Ext.util.KeyNav implementation for navigating a Ext.view.BoundList using the keyboard. The up, down, pageup, pagedown, home, and end keys move the active highlight through the list. The enter key invokes the selection model's select action using the highlighted item.

BoundListKeyNavConfig
BoundListKeyNavEvents
DragZone

NOTE This is a private utility class for internal use by the framework. Don't rely on its existence.

DragZoneConfig
DragZoneEvents
DropZone

NOTE This is a private utility class for internal use by the framework. Don't rely on its existence.

DropZoneConfig
DropZoneEvents
Table

This class encapsulates the user interface for a tabular data set. It acts as a centralized manager for controlling the various interface elements of the view. This includes handling events, such as row and cell level based DOM events. It also reacts to events from the underlying Ext.selection.Model to provide visual feedback to the user.

This class does not provide ways to manipulate the underlying data of the configured Ext.data.Store.

This is the base class for both Ext.grid.View and Ext.tree.View and is not to be used directly.

TableChunker

Produces optimized XTemplates for chunks of tables to be used in grids, trees and other table based widgets.

TableChunkerConfig
TableChunkerEvents
TableConfig
TableEvents
TableLayout

NOTE This is a private utility class for internal use by the framework. Don't rely on its existence.

Component layout for Ext.view.Table

TableLayoutConfig
TableLayoutEvents
View

A mechanism for displaying data using custom layout templates and formatting.

The View uses an Ext.XTemplate as its internal templating mechanism, and is bound to an Ext.data.Store so that as the data in the store changes the view is automatically updated to reflect the changes. The view also provides built-in behavior for many common events that can occur for its contained items including click, doubleclick, mouseover, mouseout, etc. as well as a built-in selection model. In order to use these features, an itemSelector config must be provided for the View to determine what nodes it will be working with.

The example below binds a View to a Ext.data.Store and renders it into an Ext.panel.Panel.

  
    Ext.define('Image', {
            extend: 'Ext.data.Model',
            fields: [
            { name:'src', type:'string' },
            { name:'caption', type:'string' }
            ]
            });
            Ext.create('Ext.data.Store', {
            id:'imagesStore',
            model: 'Image',
            data: [
            { src:'http://www.sencha.com/img/20110215-feat-drawing.png', caption:'Drawing & Charts' },
            { src:'http://www.sencha.com/img/20110215-feat-data.png', caption:'Advanced Data' },
            { src:'http://www.sencha.com/img/20110215-feat-html5.png', caption:'Overhauled Theme' },
            { src:'http://www.sencha.com/img/20110215-feat-perf.png', caption:'Performance Tuned' }
            ]
            });
            var imageTpl = new Ext.XTemplate(
            '<tpl for=".">',
            '<div style="margin-bottom: 10px;" class="thumb-wrap">',
            '<img src="{src}" />',
            '<br/><span>{caption}</span>',
            '</div>',
            '</tpl>'
            );
            Ext.create('Ext.view.View', {
            store: Ext.data.StoreManager.lookup('imagesStore'),
            tpl: imageTpl,
            itemSelector: 'div.thumb-wrap',
            emptyText: 'No images available',
            renderTo: Ext.getBody()
            });
            
ViewConfig
ViewEvents
© Copyright 2005-2011 SharpKit. All rights reserved.