Ext.data.JsonP.Ext_grid_plugin_BufferedRenderer({"alternateClassNames":[],"aliases":{"plugin":["bufferedrenderer"]},"enum":null,"parentMixins":[],"tagname":"class","subclasses":[],"extends":"Ext.AbstractPlugin","uses":[],"html":"
Hierarchy
Ext.Base
Ext.AbstractPlugin
Ext.grid.plugin.BufferedRenderer
Requires
Ext.grid.plugin.BufferedRendererTableView
Ext.grid.plugin.BufferedRendererTreeView
Files
BufferedRenderer.js

Implements buffered rendering of a grid, allowing users can scroll\nthrough thousands of records without the performance penalties of\nrenderering all the records on screen at once.

\n\n

The number of rows rendered outside the visible area, and the\nbuffering of pages of data from the remote server for immediate\nrendering upon scroll can be controlled by configuring the plugin.

\n\n

You can tell it to create a larger table to provide more scrolling\nbefore new rows need to be added to the leading edge of the table.

\n\n
var myStore = Ext.create('Ext.data.Store', {\n    // ...\n    pageSize: 100,\n    // ...\n});\n\nvar grid = Ext.create('Ext.grid.Panel', {\n    // ...\n    autoLoad: true,\n    plugins: {\n        ptype: 'bufferedrenderer',\n        trailingBufferZone: 20,  // Keep 20 rows rendered in the table behind scroll\n        leadingBufferZone: 50   // Keep 50 rows rendered in the table ahead of scroll\n    },\n    // ...\n});\n
\n\n

Implementation notes

\n\n

This class monitors scrolling of the TableView within a GridPanel to render a small section of\nthe dataset.

\n
Defined By

Config options

Ext.grid.plugin.BufferedRenderer
view source
: Number
The number of extra rows to render on the leading side of scrolling\noutside the numFromEdge buffer as scrolling proce...

The number of extra rows to render on the leading side of scrolling\noutside the numFromEdge buffer as scrolling proceeds.

\n

Defaults to: 20

Ext.grid.plugin.BufferedRenderer
view source
: Number
The zone which causes new rows to be appended to the view. ...

The zone which causes new rows to be appended to the view. As soon as the edge\nof the rendered grid is this number of rows from the edge of the viewport, the view is moved.

\n

Defaults to: 8

Ext.grid.plugin.BufferedRenderer
view source
: Numberdeprecated
...
\n

Defaults to: 0.35

\n

This cfg has been deprecated

\n

This config is now ignored.

\n\n
\n
Ext.AbstractPlugin
view source
: String
A name for the plugin that can be set at creation time to then retrieve the plugin\nthrough getPlugin method. ...

A name for the plugin that can be set at creation time to then retrieve the plugin\nthrough getPlugin method. For example:

\n\n
var grid = Ext.create('Ext.grid.Panel', {\n    plugins: [{\n        ptype: 'cellediting',\n        clicksToEdit: 2,\n        pluginId: 'cellplugin'\n    }]\n});\n\n// later on:\nvar plugin = grid.getPlugin('cellplugin');\n
\n
Ext.grid.plugin.BufferedRenderer
view source
: Number
This is the time in milliseconds to buffer load requests when scrolling the PagingScrollbar. ...

This is the time in milliseconds to buffer load requests when scrolling the PagingScrollbar.

\n

Defaults to: 200

Ext.grid.plugin.BufferedRenderer
view source
: Boolean
By default, on detection of a scroll event which brings the end of the rendered table within\nnumFromEdge rows of the ...

By default, on detection of a scroll event which brings the end of the rendered table within\nnumFromEdge rows of the grid viewport, if the required rows are available in the Store,\nthe BufferedRenderer will render rows from the Store immediately before returning from the event handler.\nThis setting helps avoid the impression of whitespace appearing during scrolling.

\n\n

Set this to true to defer the render until the scroll event handler exits. This allows for faster\nscrolling, but also allows whitespace to be more easily scrolled into view.

\n

Defaults to: true

Ext.grid.plugin.BufferedRenderer
view source
: Number
The number of extra rows to render on the trailing side of scrolling\noutside the numFromEdge buffer as scrolling proc...

The number of extra rows to render on the trailing side of scrolling\noutside the numFromEdge buffer as scrolling proceeds.

\n

Defaults to: 10

Ext.grid.plugin.BufferedRenderer
view source
: Boolean
Configure as true if the row heights are not all the same height as the first row. ...

Configure as true if the row heights are not all the same height as the first row. Only configure this is needed - this will be if the\nrows contain unpredictably sized data, or you have changed the cell's text overflow stype to 'wrap'.

\n

Defaults to: false

Properties

Defined By

Instance Properties

Ext.Base
view source
: Stringprivate
...
\n

Defaults to: 'Ext.Base'

Ext.grid.plugin.BufferedRenderer
view source
: Numberprivate
...
\n

Defaults to: 0

Ext.Base
view source
: Objectprivate
...
\n

Defaults to: {}

Ext.AbstractPlugin
view source
: Booleanprivate
...
\n

Defaults to: false

Ext.Base
view source
: Arrayprivate
...
\n

Defaults to: []

Ext.Base
view source
: Objectprivate
...
\n

Defaults to: {}

Ext.Base
view source
: Booleanprivate
...
\n

Defaults to: true

Ext.AbstractPlugin
view source
: Boolean
true in this class to identify an object as an instantiated Plugin, or subclass thereof. ...

true in this class to identify an object as an instantiated Plugin, or subclass thereof.

\n

Defaults to: true

Ext.grid.plugin.BufferedRenderer
view source
: Numberprivate
...
\n

Defaults to: 1

Ext.grid.plugin.BufferedRenderer
view source
: Stringprivate
...
\n

Defaults to: 'both'

Ext.grid.plugin.BufferedRenderer
view source
: Number
Current pixel scroll position of the associated View. ...

Current pixel scroll position of the associated View.

\n

Defaults to: 0

Ext.grid.plugin.BufferedRenderer
view source
: Numberprivate
private. ...

private. Start at default value

\n

Defaults to: 21

Ext.Base
view source
: Ext.Classprotected
Get the reference to the current class from which this object was instantiated. ...

Get the reference to the current class from which this object was instantiated. Unlike statics,\nthis.self is scope-dependent and it's meant to be used for dynamic inheritance. See statics\nfor a detailed comparison

\n\n
Ext.define('My.Cat', {\n    statics: {\n        speciesName: 'Cat' // My.Cat.speciesName = 'Cat'\n    },\n\n    constructor: function() {\n        alert(this.self.speciesName); // dependent on 'this'\n    },\n\n    clone: function() {\n        return new this.self();\n    }\n});\n\n\nExt.define('My.SnowLeopard', {\n    extend: 'My.Cat',\n    statics: {\n        speciesName: 'Snow Leopard'         // My.SnowLeopard.speciesName = 'Snow Leopard'\n    }\n});\n\nvar cat = new My.Cat();                     // alerts 'Cat'\nvar snowLeopard = new My.SnowLeopard();     // alerts 'Snow Leopard'\n\nvar clone = snowLeopard.clone();\nalert(Ext.getClassName(clone));             // alerts 'My.SnowLeopard'\n
\n
Ext.grid.plugin.BufferedRenderer
view source
: Numberprivate
private. ...

private. Initial value of zero.

\n

Defaults to: 0

Defined By

Static Properties

Ext.Base
view source
: Arrayprivatestatic
...
\n

Defaults to: []

Methods

Defined By

Instance Methods

Ext.AbstractPlugin
view source
new( [config] ) : Ext.AbstractPlugin
Instantiates the plugin. ...

Instantiates the plugin.

\n

Parameters

  • config : Object (optional)

    Configuration object.

    \n

Returns

Ext.grid.plugin.BufferedRenderer
view source
( start, end )private
...
\n

Parameters

Ext.grid.plugin.BufferedRenderer
view source
( store )private
...
\n

Parameters

Ext.Base
view source
( args ) : Objectdeprecatedprotected
Call the original method that was previously overridden with override\n\nExt.define('My.Cat', {\n constructor: functi...

Call the original method that was previously overridden with override

\n\n
Ext.define('My.Cat', {\n    constructor: function() {\n        alert(\"I'm a cat!\");\n    }\n});\n\nMy.Cat.override({\n    constructor: function() {\n        alert(\"I'm going to be a cat!\");\n\n        this.callOverridden();\n\n        alert(\"Meeeeoooowwww\");\n    }\n});\n\nvar kitty = new My.Cat(); // alerts \"I'm going to be a cat!\"\n                          // alerts \"I'm a cat!\"\n                          // alerts \"Meeeeoooowwww\"\n
\n
\n

This method has been deprecated

\n

as of 4.1. Use callParent instead.

\n\n
\n

Parameters

  • args : Array/Arguments

    The arguments, either an array or the arguments object\nfrom the current method, for example: this.callOverridden(arguments)

    \n

Returns

  • Object

    Returns the result of calling the overridden method

    \n
Ext.Base
view source
( args ) : Objectprotected
Call the \"parent\" method of the current method. ...

Call the \"parent\" method of the current method. That is the method previously\noverridden by derivation or by an override (see Ext.define).

\n\n
 Ext.define('My.Base', {\n     constructor: function (x) {\n         this.x = x;\n     },\n\n     statics: {\n         method: function (x) {\n             return x;\n         }\n     }\n });\n\n Ext.define('My.Derived', {\n     extend: 'My.Base',\n\n     constructor: function () {\n         this.callParent([21]);\n     }\n });\n\n var obj = new My.Derived();\n\n alert(obj.x);  // alerts 21\n
\n\n

This can be used with an override as follows:

\n\n
 Ext.define('My.DerivedOverride', {\n     override: 'My.Derived',\n\n     constructor: function (x) {\n         this.callParent([x*2]); // calls original My.Derived constructor\n     }\n });\n\n var obj = new My.Derived();\n\n alert(obj.x);  // now alerts 42\n
\n\n

This also works with static methods.

\n\n
 Ext.define('My.Derived2', {\n     extend: 'My.Base',\n\n     statics: {\n         method: function (x) {\n             return this.callParent([x*2]); // calls My.Base.method\n         }\n     }\n });\n\n alert(My.Base.method(10);     // alerts 10\n alert(My.Derived2.method(10); // alerts 20\n
\n\n

Lastly, it also works with overridden static methods.

\n\n
 Ext.define('My.Derived2Override', {\n     override: 'My.Derived2',\n\n     statics: {\n         method: function (x) {\n             return this.callParent([x*2]); // calls My.Derived2.method\n         }\n     }\n });\n\n alert(My.Derived2.method(10); // now alerts 40\n
\n\n

To override a method and replace it and also call the superclass method, use\ncallSuper. This is often done to patch a method to fix a bug.

\n

Parameters

  • args : Array/Arguments

    The arguments, either an array or the arguments object\nfrom the current method, for example: this.callParent(arguments)

    \n

Returns

  • Object

    Returns the result of calling the parent method

    \n
Ext.Base
view source
( args ) : Objectprotected
This method is used by an override to call the superclass method but bypass any\noverridden method. ...

This method is used by an override to call the superclass method but bypass any\noverridden method. This is often done to \"patch\" a method that contains a bug\nbut for whatever reason cannot be fixed directly.

\n\n

Consider:

\n\n
 Ext.define('Ext.some.Class', {\n     method: function () {\n         console.log('Good');\n     }\n });\n\n Ext.define('Ext.some.DerivedClass', {\n     method: function () {\n         console.log('Bad');\n\n         // ... logic but with a bug ...\n\n         this.callParent();\n     }\n });\n
\n\n

To patch the bug in DerivedClass.method, the typical solution is to create an\noverride:

\n\n
 Ext.define('App.paches.DerivedClass', {\n     override: 'Ext.some.DerivedClass',\n\n     method: function () {\n         console.log('Fixed');\n\n         // ... logic but with bug fixed ...\n\n         this.callSuper();\n     }\n });\n
\n\n

The patch method cannot use callParent to call the superclass method since\nthat would call the overridden method containing the bug. In other words, the\nabove patch would only produce \"Fixed\" then \"Good\" in the console log, whereas,\nusing callParent would produce \"Fixed\" then \"Bad\" then \"Good\".

\n

Parameters

  • args : Array/Arguments

    The arguments, either an array or the arguments object\nfrom the current method, for example: this.callSuper(arguments)

    \n

Returns

  • Object

    Returns the result of calling the superclass method

    \n
Ext.grid.plugin.BufferedRenderer
view source
( )private
...
\n
Ext.AbstractPlugin
view source
( [overrideCfg] )
Creates clone of the plugin. ...

Creates clone of the plugin.

\n

Parameters

  • overrideCfg : Object (optional)

    Additional config for the derived plugin.

    \n
Ext.Base
view source
( )private
...
\n
Ext.grid.plugin.BufferedRenderer
view source
( )
The destroy method is invoked by the owning Component at the time the Component is being destroyed. ...

The destroy method is invoked by the owning Component at the time the Component is being destroyed.

\n\n

The supplied implementation is empty. Subclasses should perform plugin cleanup in their own implementation of\nthis method.

\n

Overrides: Ext.AbstractPlugin.destroy

Ext.AbstractPlugin
view source
( )
The base implementation just sets the plugin's disabled flag to true\n\nPlugin subclasses which need more complex proce...

The base implementation just sets the plugin's disabled flag to true

\n\n

Plugin subclasses which need more complex processing may implement an overriding implementation.

\n
Ext.grid.plugin.BufferedRenderer
view source
( start, end )private
...
\n

Parameters

Ext.AbstractPlugin
view source
( )
The base implementation just sets the plugin's disabled flag to false\n\nPlugin subclasses which need more complex proc...

The base implementation just sets the plugin's disabled flag to false

\n\n

Plugin subclasses which need more complex processing may implement an overriding implementation.

\n
Ext.AbstractPlugin
view source
( ) : Ext.Component
Returns the component to which this plugin is attached. ...

Returns the component to which this plugin is attached.

\n

Returns

Ext.Base
view source
( name )private
...
\n

Parameters

Ext.grid.plugin.BufferedRenderer
view source
( startRow, endRow, viewportTop, viewportBottom )private
...
\n

Parameters

Ext.Base
view source
( [name] ) : Object/Mixed
Returns the initial configuration passed to constructor when instantiating\nthis class. ...

Returns the initial configuration passed to constructor when instantiating\nthis class.

\n

Parameters

  • name : String (optional)

    Name of the config option to return.

    \n

Returns

  • Object/Mixed

    The full config object or a single config value\nwhen name parameter specified.

    \n
Ext.grid.plugin.BufferedRenderer
view source
( startRow, endRow, viewportTop, viewportBottom )private
...
\n

Parameters

Ext.grid.plugin.BufferedRenderer
view source
( )private
...
\n
Ext.grid.plugin.BufferedRenderer
view source
( )private
...
\n
Ext.grid.plugin.BufferedRenderer
view source
( direction )private
...
\n

Parameters

Ext.Base
view source
( config )private
...
\n

Parameters

Ext.grid.plugin.BufferedRenderer
view source
( client )
Initialize this as a plugin\n\nThe init method is invoked after initComponent method has been run for the client Compon...

Initialize this as a plugin

\n\n

The init method is invoked after initComponent method has been run for the client Component.

\n\n

The supplied implementation is empty. Subclasses should perform plugin initialization, and set up bidirectional\nlinks between the plugin and its client Component in their own implementation of this method.

\n

Parameters

  • client : Ext.Component

    The client Component which owns this plugin.

    \n\n

Overrides: Ext.AbstractPlugin.init

Ext.Base
view source
( config ) : Ext.Basechainableprotected
Initialize configuration for this class. ...

Initialize configuration for this class. a typical example:

\n\n
Ext.define('My.awesome.Class', {\n    // The default config\n    config: {\n        name: 'Awesome',\n        isAwesome: true\n    },\n\n    constructor: function(config) {\n        this.initConfig(config);\n    }\n});\n\nvar awesome = new My.awesome.Class({\n    name: 'Super Awesome'\n});\n\nalert(awesome.getName()); // 'Super Awesome'\n
\n

Parameters

Returns

Ext.AbstractPlugin
view source
( cls, data, hooks )private
Private. ...

Private.\nInject a ptype property so that AbstractComponent.findPlugin(ptype) works.

\n

Parameters

Ext.Base
view source
( names, callback, scope )private
...
\n

Parameters

Ext.grid.plugin.BufferedRenderer
view source
( range, start, end, fromLockingPartner )private
...
\n

Parameters

Ext.grid.plugin.BufferedRenderer
view source
( grid, store )private
...
\n

Parameters

Ext.grid.plugin.BufferedRenderer
view source
( )private
...
\n
Ext.grid.plugin.BufferedRenderer
view source
( )private
...
\n
Ext.grid.plugin.BufferedRenderer
view source
( view, width, height, oldWidth, oldHeight )private
...
\n

Parameters

Ext.grid.plugin.BufferedRenderer
view source
( e, t )private
...
\n

Parameters

Ext.grid.plugin.BufferedRenderer
view source
( start, end, forceSynchronous )private
...
\n

Parameters

Ext.grid.plugin.BufferedRenderer
view source
( recordIdx, doSelect, callback, scope )
Scrolls to and optionlly selects the specified row index in the total dataset. ...

Scrolls to and optionlly selects the specified row index in the total dataset.

\n

Parameters

  • recordIdx : Number

    The zero-based position in the dataset to scroll to.

    \n
  • doSelect : Boolean

    Pass as true to select the specified row.

    \n
  • callback : Function

    A function to call when the row has been scrolled to.

    \n

    Parameters

    • recordIdx : Number

      The resulting record index (may have changed if the passed index was outside the valid range).

      \n
    • record : Ext.data.Model

      The resulting record from the store.

      \n
  • scope : Object

    The scope (this reference) in which to execute the callback. Defaults to this BufferedRenderer.

    \n
Ext.grid.plugin.BufferedRenderer
view source
( bodyTop, calculatedTop )private
...
\n

Parameters

Ext.AbstractPlugin
view source
( cmp )
Sets the component to which this plugin is attached. ...

Sets the component to which this plugin is attached.

\n

Parameters

Ext.Base
view source
( config, applyIfNotSet ) : Ext.Basechainableprivate
...
\n

Parameters

Returns

Ext.grid.plugin.BufferedRenderer
view source
( viewSize )private
...
\n

Parameters

Ext.Base
view source
( ) : Ext.Classprotected
Get the reference to the class from which this object was instantiated. ...

Get the reference to the class from which this object was instantiated. Note that unlike self,\nthis.statics() is scope-independent and it always returns the class from which it was called, regardless of what\nthis points to during run-time

\n\n
Ext.define('My.Cat', {\n    statics: {\n        totalCreated: 0,\n        speciesName: 'Cat' // My.Cat.speciesName = 'Cat'\n    },\n\n    constructor: function() {\n        var statics = this.statics();\n\n        alert(statics.speciesName);     // always equals to 'Cat' no matter what 'this' refers to\n                                        // equivalent to: My.Cat.speciesName\n\n        alert(this.self.speciesName);   // dependent on 'this'\n\n        statics.totalCreated++;\n    },\n\n    clone: function() {\n        var cloned = new this.self;                      // dependent on 'this'\n\n        cloned.groupName = this.statics().speciesName;   // equivalent to: My.Cat.speciesName\n\n        return cloned;\n    }\n});\n\n\nExt.define('My.SnowLeopard', {\n    extend: 'My.Cat',\n\n    statics: {\n        speciesName: 'Snow Leopard'     // My.SnowLeopard.speciesName = 'Snow Leopard'\n    },\n\n    constructor: function() {\n        this.callParent();\n    }\n});\n\nvar cat = new My.Cat();                 // alerts 'Cat', then alerts 'Cat'\n\nvar snowLeopard = new My.SnowLeopard(); // alerts 'Cat', then alerts 'Snow Leopard'\n\nvar clone = snowLeopard.clone();\nalert(Ext.getClassName(clone));         // alerts 'My.SnowLeopard'\nalert(clone.groupName);                 // alerts 'Cat'\n\nalert(My.Cat.totalCreated);             // alerts 3\n
\n

Returns

Ext.grid.plugin.BufferedRenderer
view source
( view, scrollRange )private
...
\n

Parameters

Ext.grid.plugin.BufferedRenderer
view source
( )private
...
\n
Defined By

Static Methods

Ext.Base
view source
( config )privatestatic
...
\n

Parameters

Ext.Base
view source
( members )chainableprivatestatic
...
\n

Parameters

Ext.Base
view source
( name, member )chainableprivatestatic
...
\n

Parameters

Ext.Base
view source
( members )chainablestatic
Add methods / properties to the prototype of this class. ...

Add methods / properties to the prototype of this class.

\n\n
Ext.define('My.awesome.Cat', {\n    constructor: function() {\n        ...\n    }\n});\n\n My.awesome.Cat.addMembers({\n     meow: function() {\n        alert('Meowww...');\n     }\n });\n\n var kitty = new My.awesome.Cat;\n kitty.meow();\n
\n

Parameters

Ext.Base
view source
( members ) : Ext.Basechainablestatic
Add / override static properties of this class. ...

Add / override static properties of this class.

\n\n
Ext.define('My.cool.Class', {\n    ...\n});\n\nMy.cool.Class.addStatics({\n    someProperty: 'someValue',      // My.cool.Class.someProperty = 'someValue'\n    method1: function() { ... },    // My.cool.Class.method1 = function() { ... };\n    method2: function() { ... }     // My.cool.Class.method2 = function() { ... };\n});\n
\n

Parameters

Returns

Ext.Base
view source
( xtype )chainableprivatestatic
...
\n

Parameters

Ext.Base
view source
( fromClass, members ) : Ext.Basechainableprivatestatic
Borrow another class' members to the prototype of this class. ...

Borrow another class' members to the prototype of this class.

\n\n
Ext.define('Bank', {\n    money: '$$$',\n    printMoney: function() {\n        alert('$$$$$$$');\n    }\n});\n\nExt.define('Thief', {\n    ...\n});\n\nThief.borrow(Bank, ['money', 'printMoney']);\n\nvar steve = new Thief();\n\nalert(steve.money); // alerts '$$$'\nsteve.printMoney(); // alerts '$$$$$$$'\n
\n

Parameters

  • fromClass : Ext.Base

    The class to borrow members from

    \n
  • members : Array/String

    The names of the members to borrow

    \n

Returns

Ext.Base
view source
( ) : Objectstatic
Create a new instance of this Class. ...

Create a new instance of this Class.

\n\n
Ext.define('My.cool.Class', {\n    ...\n});\n\nMy.cool.Class.create({\n    someConfig: true\n});\n
\n\n

All parameters are passed to the constructor of the class.

\n

Returns

Ext.Base
view source
( alias, origin )static
Create aliases for existing prototype methods. ...

Create aliases for existing prototype methods. Example:

\n\n
Ext.define('My.cool.Class', {\n    method1: function() { ... },\n    method2: function() { ... }\n});\n\nvar test = new My.cool.Class();\n\nMy.cool.Class.createAlias({\n    method3: 'method1',\n    method4: 'method2'\n});\n\ntest.method3(); // test.method1()\n\nMy.cool.Class.createAlias('method5', 'method3');\n\ntest.method5(); // test.method3() -> test.method1()\n
\n

Parameters

Ext.Base
view source
( config )privatestatic
...
\n

Parameters

Ext.Base
view source
( ) : Stringstatic
Get the current class' name in string format. ...

Get the current class' name in string format.

\n\n
Ext.define('My.cool.Class', {\n    constructor: function() {\n        alert(this.self.getName()); // alerts 'My.cool.Class'\n    }\n});\n\nMy.cool.Class.getName(); // 'My.cool.Class'\n
\n

Returns

Ext.Base
view source
( )deprecatedstatic
Adds members to class. ...

Adds members to class.

\n
\n

This method has been deprecated since 4.1

\n

Use addMembers instead.

\n\n
\n
Ext.Base
view source
( name, mixinClass )privatestatic
Used internally by the mixins pre-processor ...

Used internally by the mixins pre-processor

\n

Parameters

Ext.Base
view source
( fn, scope )chainableprivatestatic
...
\n

Parameters

Ext.Base
view source
( members ) : Ext.Basechainabledeprecatedstatic
Override members of this class. ...

Override members of this class. Overridden methods can be invoked via\ncallParent.

\n\n
Ext.define('My.Cat', {\n    constructor: function() {\n        alert(\"I'm a cat!\");\n    }\n});\n\nMy.Cat.override({\n    constructor: function() {\n        alert(\"I'm going to be a cat!\");\n\n        this.callParent(arguments);\n\n        alert(\"Meeeeoooowwww\");\n    }\n});\n\nvar kitty = new My.Cat(); // alerts \"I'm going to be a cat!\"\n                          // alerts \"I'm a cat!\"\n                          // alerts \"Meeeeoooowwww\"\n
\n\n

As of 4.1, direct use of this method is deprecated. Use Ext.define\ninstead:

\n\n
Ext.define('My.CatOverride', {\n    override: 'My.Cat',\n    constructor: function() {\n        alert(\"I'm going to be a cat!\");\n\n        this.callParent(arguments);\n\n        alert(\"Meeeeoooowwww\");\n    }\n});\n
\n\n

The above accomplishes the same result but can be managed by the Ext.Loader\nwhich can properly order the override and its target class and the build process\ncan determine whether the override is needed based on the required state of the\ntarget class (My.Cat).

\n
\n

This method has been deprecated since 4.1.0

\n

Use Ext.define instead

\n\n
\n

Parameters

  • members : Object

    The properties to add to this class. This should be\nspecified as an object literal containing one or more properties.

    \n

Returns

Ext.Base
view source
( )privatestatic
...
\n
","superclasses":["Ext.Base","Ext.AbstractPlugin"],"meta":{},"code_type":"ext_define","requires":["Ext.grid.plugin.BufferedRendererTableView","Ext.grid.plugin.BufferedRendererTreeView"],"html_meta":{},"statics":{"property":[{"tagname":"property","owner":"Ext.Base","meta":{"static":true,"private":true},"name":"$onExtended","id":"static-property-S-onExtended"}],"cfg":[],"css_var":[],"method":[{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"private":true},"name":"addConfig","id":"static-method-addConfig"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"chainable":true,"private":true},"name":"addInheritableStatics","id":"static-method-addInheritableStatics"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"chainable":true,"private":true},"name":"addMember","id":"static-method-addMember"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"chainable":true},"name":"addMembers","id":"static-method-addMembers"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"chainable":true},"name":"addStatics","id":"static-method-addStatics"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"chainable":true,"private":true},"name":"addXtype","id":"static-method-addXtype"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"chainable":true,"private":true},"name":"borrow","id":"static-method-borrow"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true},"name":"create","id":"static-method-create"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true},"name":"createAlias","id":"static-method-createAlias"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"private":true},"name":"extend","id":"static-method-extend"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true},"name":"getName","id":"static-method-getName"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"deprecated":{"text":"Use {@link #addMembers} instead.","version":"4.1"}},"name":"implement","id":"static-method-implement"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"private":true},"name":"mixin","id":"static-method-mixin"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"chainable":true,"private":true},"name":"onExtended","id":"static-method-onExtended"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"chainable":true,"markdown":true,"deprecated":{"text":"Use {@link Ext#define Ext.define} instead","version":"4.1.0"}},"name":"override","id":"static-method-override"},{"tagname":"method","owner":"Ext.Base","meta":{"static":true,"private":true},"name":"triggerExtended","id":"static-method-triggerExtended"}],"event":[],"css_mixin":[]},"files":[{"href":"BufferedRenderer.html#Ext-grid-plugin-BufferedRenderer","filename":"BufferedRenderer.js"}],"linenr":1,"members":{"property":[{"tagname":"property","owner":"Ext.Base","meta":{"private":true},"name":"$className","id":"property-S-className"},{"tagname":"property","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"bodyTop","id":"property-bodyTop"},{"tagname":"property","owner":"Ext.Base","meta":{"private":true},"name":"configMap","id":"property-configMap"},{"tagname":"property","owner":"Ext.AbstractPlugin","meta":{"private":true},"name":"disabled","id":"property-disabled"},{"tagname":"property","owner":"Ext.Base","meta":{"private":true},"name":"initConfigList","id":"property-initConfigList"},{"tagname":"property","owner":"Ext.Base","meta":{"private":true},"name":"initConfigMap","id":"property-initConfigMap"},{"tagname":"property","owner":"Ext.Base","meta":{"private":true},"name":"isInstance","id":"property-isInstance"},{"tagname":"property","owner":"Ext.AbstractPlugin","meta":{},"name":"isPlugin","id":"property-isPlugin"},{"tagname":"property","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"lastScrollDirection","id":"property-lastScrollDirection"},{"tagname":"property","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"lockableScope","id":"property-lockableScope"},{"tagname":"property","owner":"Ext.grid.plugin.BufferedRenderer","meta":{},"name":"position","id":"property-position"},{"tagname":"property","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"rowHeight","id":"property-rowHeight"},{"tagname":"property","owner":"Ext.Base","meta":{"protected":true},"name":"self","id":"property-self"},{"tagname":"property","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"viewSize","id":"property-viewSize"}],"cfg":[{"tagname":"cfg","owner":"Ext.grid.plugin.BufferedRenderer","meta":{},"name":"leadingBufferZone","id":"cfg-leadingBufferZone"},{"tagname":"cfg","owner":"Ext.grid.plugin.BufferedRenderer","meta":{},"name":"numFromEdge","id":"cfg-numFromEdge"},{"tagname":"cfg","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"deprecated":{"text":"This config is now ignored."}},"name":"percentageFromEdge","id":"cfg-percentageFromEdge"},{"tagname":"cfg","owner":"Ext.AbstractPlugin","meta":{},"name":"pluginId","id":"cfg-pluginId"},{"tagname":"cfg","owner":"Ext.grid.plugin.BufferedRenderer","meta":{},"name":"scrollToLoadBuffer","id":"cfg-scrollToLoadBuffer"},{"tagname":"cfg","owner":"Ext.grid.plugin.BufferedRenderer","meta":{},"name":"synchronousRender","id":"cfg-synchronousRender"},{"tagname":"cfg","owner":"Ext.grid.plugin.BufferedRenderer","meta":{},"name":"trailingBufferZone","id":"cfg-trailingBufferZone"},{"tagname":"cfg","owner":"Ext.grid.plugin.BufferedRenderer","meta":{},"name":"variableRowHeight","id":"cfg-variableRowHeight"}],"css_var":[],"method":[{"tagname":"method","owner":"Ext.AbstractPlugin","meta":{},"name":"constructor","id":"method-constructor"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"attemptLoad","id":"method-attemptLoad"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"bindStore","id":"method-bindStore"},{"tagname":"method","owner":"Ext.Base","meta":{"protected":true,"deprecated":{"text":"as of 4.1. Use {@link #callParent} instead."}},"name":"callOverridden","id":"method-callOverridden"},{"tagname":"method","owner":"Ext.Base","meta":{"protected":true},"name":"callParent","id":"method-callParent"},{"tagname":"method","owner":"Ext.Base","meta":{"protected":true},"name":"callSuper","id":"method-callSuper"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"cancelLoad","id":"method-cancelLoad"},{"tagname":"method","owner":"Ext.AbstractPlugin","meta":{},"name":"clonePlugin","id":"method-clonePlugin"},{"tagname":"method","owner":"Ext.Base","meta":{"private":true},"name":"configClass","id":"method-configClass"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{},"name":"destroy","id":"method-destroy"},{"tagname":"method","owner":"Ext.AbstractPlugin","meta":{},"name":"disable","id":"method-disable"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"doAttemptLoad","id":"method-doAttemptLoad"},{"tagname":"method","owner":"Ext.AbstractPlugin","meta":{},"name":"enable","id":"method-enable"},{"tagname":"method","owner":"Ext.AbstractPlugin","meta":{},"name":"getCmp","id":"method-getCmp"},{"tagname":"method","owner":"Ext.Base","meta":{"private":true},"name":"getConfig","id":"method-getConfig"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"getFirstVisibleRowIndex","id":"method-getFirstVisibleRowIndex"},{"tagname":"method","owner":"Ext.Base","meta":{},"name":"getInitialConfig","id":"method-getInitialConfig"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"getLastVisibleRowIndex","id":"method-getLastVisibleRowIndex"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"getScrollHeight","id":"method-getScrollHeight"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"getViewRange","id":"method-getViewRange"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"handleViewScroll","id":"method-handleViewScroll"},{"tagname":"method","owner":"Ext.Base","meta":{"private":true},"name":"hasConfig","id":"method-hasConfig"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{},"name":"init","id":"method-init"},{"tagname":"method","owner":"Ext.Base","meta":{"chainable":true,"protected":true},"name":"initConfig","id":"method-initConfig"},{"tagname":"method","owner":"Ext.AbstractPlugin","meta":{"private":true},"name":"onClassExtended","id":"method-onClassExtended"},{"tagname":"method","owner":"Ext.Base","meta":{"private":true},"name":"onConfigUpdate","id":"method-onConfigUpdate"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"onRangeFetched","id":"method-onRangeFetched"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"onReconfigure","id":"method-onReconfigure"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"onStoreClear","id":"method-onStoreClear"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"onViewRefresh","id":"method-onViewRefresh"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"onViewResize","id":"method-onViewResize"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"onViewScroll","id":"method-onViewScroll"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"renderRange","id":"method-renderRange"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{},"name":"scrollTo","id":"method-scrollTo"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"setBodyTop","id":"method-setBodyTop"},{"tagname":"method","owner":"Ext.AbstractPlugin","meta":{},"name":"setCmp","id":"method-setCmp"},{"tagname":"method","owner":"Ext.Base","meta":{"chainable":true,"private":true},"name":"setConfig","id":"method-setConfig"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"setViewSize","id":"method-setViewSize"},{"tagname":"method","owner":"Ext.Base","meta":{"protected":true},"name":"statics","id":"method-statics"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"stretchView","id":"method-stretchView"},{"tagname":"method","owner":"Ext.grid.plugin.BufferedRenderer","meta":{"private":true},"name":"unbindStore","id":"method-unbindStore"}],"event":[],"css_mixin":[]},"inheritable":null,"private":null,"component":false,"name":"Ext.grid.plugin.BufferedRenderer","singleton":false,"override":null,"inheritdoc":null,"id":"class-Ext.grid.plugin.BufferedRenderer","mixins":[],"mixedInto":[]});