X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/docs/output/Ext.DataView.html diff --git a/docs/output/Ext.DataView.html b/docs/output/Ext.DataView.html index 097efda1..fd94ec2d 100644 --- a/docs/output/Ext.DataView.html +++ b/docs/output/Ext.DataView.html @@ -1,33 +1,11 @@ -
-
- Properties - Methods - Events - Config Options - Direct Link -
-
-
Observable
-  Component
-    BoxComponent
-      DataView
-

Class Ext.DataView

- - - - - -
Package:Ext
Defined In:DataView.js
Class:DataView
Extends:BoxComponent
-
- * -A mechanism for displaying data using custom layout templates and formatting. DataView uses an Ext.XTemplate -as its internal templating mechanism, and is bound to an Ext.data.Store +
Properties Methods Events Config Options Direct Link 
Observable
  Component
    BoxComponent
      DataView

Class Ext.DataView

Package:Ext
Defined In:DataView.js
Class:DataView
Subclasses:ListView
Extends:BoxComponent
xtype:dataview
A mechanism for displaying data using custom layout templates and formatting. DataView 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 +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 DataView to determine what nodes it will be working with. -

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

-
var store = new Ext.data.JsonStore({
+
The example below binds a DataView to a Ext.data.Store and renders it into an Ext.Panel.

+
var store = new Ext.data.JsonStore({
     url: 'get-images.php',
     root: 'images',
     fields: [
@@ -39,12 +17,12 @@ config must be provided for the DataView to determine what nodes it will be work
 store.load();
 
 var tpl = new Ext.XTemplate(
-    '<tpl for=".">',
-        '<div class="thumb-wrap" id="{name}">',
-        '<div class="thumb"><img src="{url}" title="{name}"></div>',
-        '<span class="x-editable">{shortName}</span></div>',
+    '<tpl for=".">',
+        '<div class="thumb-wrap" id="{name}">',
+        '<div class="thumb"><img src="{url}" title="{name}"></div>',
+        '<span class="x-editable">{shortName}</span></div>',
     '</tpl>',
-    '<div class="x-clear"></div>'
+    '<div class="x-clear"></div>'
 );
 
 var panel = new Ext.Panel({
@@ -66,2469 +44,942 @@ store.load();
         emptyText: 'No images to display'
     })
 });
-panel.render(document.body);
- -
- -

Config Options

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Config OptionsDefined By
  - - allowDomMove : Boolean
- Whether the component can move the Dom node when rendering (defaults to true).
- 		Component
  - - deferEmptyText : Boolean
- True to defer emptyText being applied until the store's first load
- 		DataView
  - - disabled : Boolean
- Render this component disabled (default is false).
- 		Component
  - - disabledClass : String
- CSS class added to the component when it is disabled (defaults to "x-item-disabled").
- 		Component
  - - emptyText : String
- The text to display in the view when there is no data to display (defaults to '').
- 		DataView

Public Events

EventDefined By
\ No newline at end of file