X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/7a654f8d43fdb43d78b63d90528bed6e86b608cc..3789b528d8dd8aad4558e38e22d775bcab1cbd36:/docs/api/Ext.ComponentLoader.html?ds=sidebyside diff --git a/docs/api/Ext.ComponentLoader.html b/docs/api/Ext.ComponentLoader.html deleted file mode 100644 index e32d02b2..00000000 --- a/docs/api/Ext.ComponentLoader.html +++ /dev/null @@ -1,504 +0,0 @@ -
Hierarchy
Ext.ElementLoaderExt.ComponentLoaderMixins
This class is used to load content via Ajax into a Ext.Component. In general -this class will not be instanced directly, rather a loader configuration will be passed to the -constructor of the Ext.Component.
- -By default, the content loaded will be processed as raw html. The response text -from the request is taken and added to the component. This can be used in -conjunction with the scripts option to execute any inline scripts in -the resulting content. Using this renderer has the same effect as passing the -Ext.Component.html configuration option.
- -This renderer allows content to be added by using JSON data and a Ext.XTemplate. -The content received from the response is passed to the Ext.Component.update method. -This content is run through the attached Ext.Component.tpl and the data is added to -the Component. Using this renderer has the same effect as using the Ext.Component.data -configuration in conjunction with a Ext.Component.tpl.
- -This renderer can only be used with a Ext.Container and subclasses. It allows for -Components to be loaded remotely into a Container. The response is expected to be a single/series of -Ext.Component configuration objects. When the response is received, the data is decoded -and then passed to Ext.Container.add. Using this renderer has the same effect as specifying -the Ext.Container.items configuration on a Container.
- -A custom function can be passed to handle any other special case, see the renderer option.
- -new Ext.Component({
- tpl: '{firstName} - {lastName}',
- loader: {
- url: 'myPage.php',
- renderer: 'data',
- params: {
- userId: 1
- }
- }
-});
-
-Any additional options to be passed to the request, for example timeout or headers. Defaults to null.
-Any additional options to be passed to the request, for example timeout or headers. Defaults to null.
-True to have the loader make a request as soon as it is created. Defaults to false. -This argument can also be a set of options that will be passed to load is called.
-Params that will be attached to every request. These parameters -will not be overridden by any params in the load options. Defaults to null.
-A function to be called when a load request fails.
-A function to be called when a load request fails.
-(optional)
A config object containing one or more event handlers to be added to this -object during initialization. This should be a valid listeners config object as specified in the -addListener example for attaching multiple handlers at once.
- -DOM events from ExtJs Components
- - -While some ExtJs Component classes export selected DOM events (e.g. "click", "mouseover" etc), this - - -
is usually only done when extra value can be added. For example the DataView's
-click
event passing the node clicked on. To access DOM
-events directly from a child element of a Component, we need to specify the element
option to
-identify the Component property to add a DOM listener to:
new Ext.panel.Panel({
- width: 400,
- height: 200,
- dockedItems: [{
- xtype: 'toolbar'
- }],
- listeners: {
- click: {
- element: 'el', //bind to the underlying el property on the panel
- fn: function(){ console.log('click el'); }
- },
- dblclick: {
- element: 'body', //bind to the underlying body property on the panel
- fn: function(){ console.log('dblclick body'); }
- }
- }
-});
-
-
-
-
-True or a Ext.LoadMask configuration to enable masking during loading. Defaults to false.
-True or a Ext.LoadMask configuration to enable masking during loading. Defaults to false.
-Any params to be attached to the Ajax request. These parameters will -be overridden by any params in the load options. Defaults to null.
-The type of content that is to be loaded into, which can be one of 3 types:
- -Defaults to html
.
Alternatively, you can pass a function which is called with the following parameters.
- -The function must return false is loading is not successful. Below is a sample of using a custom renderer:
- -new Ext.Component({
- loader: {
- url: 'myPage.php',
- renderer: function(loader, response, active) {
- var text = response.responseText;
- loader.getTarget().update('The response is ' + text);
- return true;
- }
- }
-});
-
-A function to be called when a load request is successful.
-A function to be called when a load request is successful.
-The target Ext.Component for the loader. Defaults to null. -If a string is passed it will be looked up via the id.
-The target Ext.Component for the loader. Defaults to null. -If a string is passed it will be looked up via the id.
-Adds the specified events to the list of events which this Observable may fire.
-Adds the specified events to the list of events which this Observable may fire.
-Either an object with event names as properties with a value of true
-or the first event name string if multiple event names are being passed as separate parameters.
[additional] Optional additional event names if multiple event names are being passed as separate parameters. -Usage:
- -this.addEvents('storeloaded', 'storecleared');
-
-
-Appends an event handler to this object.
-Appends an event handler to this object.
-The name of the event to listen for. May also be an object who's property names are event names. See
-The method the event invokes.
-(optional) The scope (this
reference) in which the handler function is executed.
-If omitted, defaults to the object which fired the event.
(optional) An object containing handler configuration. -properties. This may contain any of the following properties:
this
reference) in which the handler function is executed.
-If omitted, defaults to the object which fired the event.This option is useful during Component construction to add DOM event listeners to elements of Components which -will exist only after the Component is rendered. For example, to add a click listener to a Panel's body: -
new Ext.panel.Panel({
- title: 'The title',
- listeners: {
- click: this.handlePanelClick,
- element: 'body'
- }
-});
-
-
-
-When added in this way, the options available are the options applicable to Ext.core.Element.addListener
- - -
-Combining Options
-Using the options argument, it is possible to combine different types of listeners:
-
-A delayed, one-time listener.
-
myPanel.on('hide', this.handleClick, this, {
-single: true,
-delay: 100
-});
-
-Attaching multiple handlers in 1 call
-The method also allows for a single argument to be passed which is a config object containing properties
-which specify multiple events. For example:
-
myGridPanel.on({
- cellClick: this.onCellClick,
- mouseover: this.onMouseOver,
- mouseout: this.onMouseOut,
- scope: this // Important. Ensure "this" is correct during handler execution
-});
-
.
-- -
Adds listeners to any Observable object (or Element) which are automatically removed when this Component -is destroyed. - -
Adds listeners to any Observable object (or Element) which are automatically removed when this Component -is destroyed. - -
The item to which to add a listener/listeners.
-The event name, or an object containing event name properties.
-Optional. If the ename
parameter was an event name, this
-is the handler function.
Optional. If the ename
parameter was an event name, this
-is the scope (this
reference) in which the handler function is executed.
Optional. If the ename
parameter was an event name, this
-is the addListener options.
Starts capture on the specified Observable. All events will be passed -to the supplied function with the event name + standard signature of the event -before the event is fired. If the supplied function returns false, -the event will not fire.
-The Observable to capture events from.
-The function to call when an event is fired.
-(optional) The scope (this
reference) in which the function is executed. Defaults to the Observable firing the event.
Removes all listeners for this object including the managed listeners
-Removes all listeners for this object including the managed listeners
-Removes all managed listeners for this object.
-Removes all managed listeners for this object.
-Destroys the loader. Any active requests will be aborted.
-Destroys the loader. Any active requests will be aborted.
-Enables events fired by this Observable to bubble up an owner hierarchy by calling
-this.getBubbleTarget()
if present. There is no implementation in the Observable base class.
This is commonly used by Ext.Components to bubble events to owner Containers. See Ext.Component.getBubbleTarget. The default -implementation in Ext.Component returns the Component's immediate owner. But if a known target is required, this can be overridden to -access the required target more quickly.
- - -Example:
- - -Ext.override(Ext.form.field.Base, {
-// Add functionality to Field's initComponent to enable the change event to bubble
-initComponent : Ext.Function.createSequence(Ext.form.field.Base.prototype.initComponent, function() {
- this.enableBubble('change');
-}),
-
-// We know that we want Field's events to bubble directly to the FormPanel.
-getBubbleTarget : function() {
- if (!this.formPanel) {
- this.formPanel = this.findParentByType('form');
- }
- return this.formPanel;
-}
-});
-
-var myForm = new Ext.formPanel({
-title: 'User Details',
-items: [{
- ...
-}],
-listeners: {
- change: function() {
- // Title goes red if form has been modified.
- myForm.header.setStyle('color', 'red');
- }
-}
-});
-
-
-The event name to bubble, or an Array of event names.
-Fires the specified event with the passed parameters (minus the event name).
- - -An event may be set to bubble up an Observable parent hierarchy (See Ext.Component.getBubbleTarget) -by calling enableBubble.
- -The name of the event to fire.
-Variable number of parameters are passed to handlers.
-returns false if any of the handlers return false otherwise it returns true.
-Get the target of this loader.
-Get the target of this loader.
-target The target, null if none exists.
-Checks to see if this object has any listeners for a specified event
-Checks to see if this object has any listeners for a specified event
-The name of the event to check for
-True if the event is being listened for, else false
-Checks whether the loader is automatically refreshing. See startAutoRefresh.
-Checks whether the loader is automatically refreshing. See startAutoRefresh.
-True if the loader is automatically refreshing
-Load new data from the server.
-Load new data from the server.
-The options for the request. They can be any configuration option that can be specified for -the class, with the exception of the target option. Note that any options passed to the method will override any -class defaults.
-Sets observability on the passed class constructor.
- -This makes any event fired on any instance of the passed class also fire a single event through -the class allowing for central handling of events on many instances at once.
- -Usage:
- -Ext.util.Observable.observe(Ext.data.Connection);
-Ext.data.Connection.on('beforerequest', function(con, options) {
- console.log('Ajax request made to ' + options.url);
-});
-
-The class constructor to make observable.
-An object containing a series of listeners to add. See addListener.
-Appends an event handler to this object (shorthand for addListener.)
-Appends an event handler to this object (shorthand for addListener.)
-The type of event to listen for
-The method the event invokes
-(optional) The scope (this
reference) in which the handler function is executed.
-If omitted, defaults to the object which fired the event.
(optional) An object containing handler configuration.
-Relays selected events from the specified Observable as if the events were fired by this
.
Relays selected events from the specified Observable as if the events were fired by this
.
The Observable whose events this object is to relay.
-Array of event names to relay.
-Removes all added captures from the Observable.
-Removes all added captures from the Observable.
-The Observable to release
-Removes an event handler.
-Removes an event handler.
-The type of event the handler was associated with.
-The handler to remove. This must be a reference to the function passed into the addListener call.
-(optional) The scope originally specified for the handler.
-Removes listeners that were added by the mon method.
-Removes listeners that were added by the mon method.
-The item from which to remove a listener/listeners.
-The event name, or an object containing event name properties.
-Optional. If the ename
parameter was an event name, this
-is the handler function.
Optional. If the ename
parameter was an event name, this
-is the scope (this
reference) in which the handler function is executed.
Resume firing events. (see suspendEvents)
-If events were suspended using the queueSuspended
parameter, then all
-events fired during event suspension will be sent to any listeners now.
Get the target of this loader.
-Get the target of this loader.
-target The target, null if none exists.
-Set a {Ext.Component} as the target of this loader. Note that if the target is changed, -any active requests will be aborted.
-The component to be the target of this loader. If a string is passed -it will be looked up via its id.
-Automatically refreshes the content over a specified period.
-Automatically refreshes the content over a specified period.
-The interval to refresh in ms.
-(optional) The options to pass to the load method. See load
-Clears any auto refresh. See startAutoRefresh.
-Suspend the firing of all events. (see resumeEvents)
-Suspend the firing of all events. (see resumeEvents)
-Pass as true to queue up suspended events to be fired -after the resumeEvents call instead of discarding all suspended events;
-Removes an event handler (shorthand for removeListener.)
-Removes an event handler (shorthand for removeListener.)
-The type of event the handler was associated with.
-The handler to remove. This must be a reference to the function passed into the addListener call.
-(optional) The scope originally specified for the handler.
-Fires before a load request is made to the server. -Returning false from an event listener can prevent the load -from occurring.
-The options passed to the request
-