Class Ext.ContentPanel

Package:	Ext
Class:	ContentPanel
Extends:	Observable
Subclasses:	GridPanel, NestedLayoutPanel
Defined In:	ContentPanels.js

A basic ContentPanel element.

属性 - 方法 - 事件 - 设置选项

公共属性

此类没有公共属性。

公共方法

方法		定义对象
	ContentPanel(`String/HTMLElement/Element el`, `String/Object config`, [`String content`])	ContentPanel
	Create a new ContentPanel.	ContentPanel
	addEvents(`Object object`) : void	Observable
	将对象中没有的事件从给出的对象中复制过来。	Observable
	addListener(`String eventName`, `Function handler`, [`Object scope`], [`Object options`]) : void	Observable
	为该组件加入事件处理器函数	Observable
	destroy() : void	ContentPanel
	Destroys this panel	ContentPanel
	fireEvent(`String eventName`, `Object... args`) : Boolean	Observable
	触发指定的事件, 并将参数传入（至少要有事件名称）。	Observable
	getEl() : Ext.Element	ContentPanel
	Returns this panel's element	ContentPanel
	getId() : String	ContentPanel
	Returns this panel's id	ContentPanel
	getTitle() : String	ContentPanel
	Returns this panel's title	ContentPanel
	getToolbar() : Ext.Toolbar	ContentPanel
	Returns the toolbar for this Panel if one was configured.	ContentPanel
	getUpdateManager() : Ext.UpdateManager	ContentPanel
	Get the Ext.UpdateManager for this panel. Enables you to perform Ajax updates.	ContentPanel
	hasListener(`String eventName`) : Boolean	Observable
	检查该对象是否拥有指定事件的侦听器	Observable
	isClosable() : Boolean	ContentPanel
	Returns true is this panel was configured to be closable	ContentPanel
	load(`Object/String/Function url`, [`String/Object params`], [`Function callback`], [`Boolean discardUrl`]) : Ext.ContentPanel	ContentPanel
	Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use ...	ContentPanel
	on(`String eventName`, `Function handler`, [`Object options`]) : void	Observable
	为该组件加入事件处理器函数, addListener 的简写方式	Observable
	purgeListeners() : void	Observable
	从对象身上移除所有的侦听器	Observable
	refresh() : void	ContentPanel
	Force a content refresh from the URL specified in the setUrl() method. Will fail silently if the setUrl method has no...	ContentPanel
	removeListener(`String eventName`, `Function handler`, [`Object scope`]) : void	Observable
	移除侦听器	Observable
	setContent(`String content`, [`Boolean loadScripts`]) : void	ContentPanel
	Updates this panel's element	ContentPanel
	setTitle(`String title`) : void	ContentPanel
	Set this panel's title	ContentPanel
	setUrl(`String/Function url`, [`String/Object params`], [`Boolean loadOnce`]) : Ext.UpdateManager	ContentPanel
	Set a URL to be used to load the content for this panel. When this panel is activated, the content will be loaded fro...	ContentPanel
	un(`String eventName`, `Function handler`, [`Object scope`]) : void	Observable
	移除侦听器, removeListener 的简写方式	Observable

公共事件

事件		定义对象
	activate : (`Ext.ContentPanel this`)	ContentPanel
	Fires when this panel is activated.	ContentPanel
	deactivate : (`Ext.ContentPanel this`)	ContentPanel
	Fires when this panel is activated.	ContentPanel
	resize : (`Ext.ContentPanel this`, `Number width`, `Number height`)	ContentPanel
	Fires when this panel is resized if fitToFrame is true.	ContentPanel

设置选项

设置选项		定义对象
	adjustments : Array	ContentPanel
	Values to add to the width/height when doing a fitToFrame (default is [0, 0])	ContentPanel
	autoCreate : Boolean/Object	ContentPanel
	True to auto generate the DOM element for this panel, or a DomHelper config of the element to create	ContentPanel
	autoScroll : Boolean	ContentPanel
	True to scroll overflow in this panel (use with fitToFrame)	ContentPanel
	background : Boolean	ContentPanel
	True if the panel should not be activated when it is added (defaults to false)	ContentPanel
	closable : Boolean	ContentPanel
	True if the panel can be closed/removed	ContentPanel
	fitContainer : Boolean	ContentPanel
	When using fitToFrame and resizeEl, you can also fit the parent container (defaults to false)	ContentPanel
	fitToFrame : Boolean	ContentPanel
	True for this panel to adjust its size to fit when the region resizes (defaults to false)	ContentPanel
	loadOnce : Boolean	ContentPanel
	Calls When used with "url", calls setUrl() with this value	ContentPanel
	params : String/Object	ContentPanel
	When used with "url", calls setUrl() with this value	ContentPanel
	resizeEl : String/HTMLElement/Element	ContentPanel
	An element to resize if fitToFrame is true (instead of this panel's element)	ContentPanel
	title : String	ContentPanel
	The title for this panel	ContentPanel
	toolbar : Toolbar	ContentPanel
	A toolbar for this panel	ContentPanel
	url : String	ContentPanel
	Calls setUrl() with this value	ContentPanel

构造函数

ContentPanel

public function ContentPanel(String/HTMLElement/Element el, String/Object config, [String content])

Create a new ContentPanel.

参数：

el : String/HTMLElement/Element
The container element for this panel
config : String/Object
A string to set only the title or a config object
content : String
（可选） Set the HTML content for this panel

方法详情

addEvents

public function addEvents(Object object)

将对象中没有的事件从给出的对象中复制过来。给出的对象必须也继承于 Observable 对象此方法才会有效果。

参数：

object : Object
要复制事件的源对象

返回：

void

This method is defined by Observable.

addListener

public function addListener(String eventName, Function handler, [Object scope], [Object options])

为组件添加一个事件监听器

参数：

eventName : String
侦听事件的类型
handler : Function
事件调用的方法
scope : Object
（可选）处理函数执行的作用域。处理函数 "this" 的内容。
options : Object
（可选）一个包含处理设置属性的对象。可以包含下列的属性：
- scope {Object} 处理函数执行的作用域。处理函数 "this" 的内容。
- delegate {String} 一个简单的选择器用来过滤目标或查找目标的子节点。
- stopEvent {Boolean} 值为 True 时用来中止事件。那样将中止传播，并防止缺省动作。
- preventDefault {Boolean} 值为 True 时用来防止缺省动作。
- stopPropagation {Boolean} 值为 True 时用来中止事件传播。
- normalized {Boolean} 值为 False 时向处理函数传递浏览器事件用以代替 Ext.EventObject 对象。
- delay {Number} 当事件触发后启用处理函数的延迟微秒数。
- single {Boolean} 值为 True 时将添加一个处理函数用来处理下个触发的事件，并在处理完后移除。
- buffer {Number} 使处理函数计划在由 Ext.util.DelayedTask 指定的微秒数后执行。如果事件在延迟期间再次触发，原来的处理函数将不再启动，而是由新的计划代替。
组合选项
使用选项参数可以组合不同类型的监听器：

下面是一个标准的、延迟执行的、一次性的监听器，将会自动停止事件并传递一个自定义的参数(forumId)
代码：
```
el.on('click', this.onClick, this, { single: true, delay: 100, stopEvent : true, forumId: 4 });
```
这个方法也允许传递的单个参数是一个包含多个指定处理函数的设置对象。

一次调用多个处理函数
代码：
```
el.on({ 'click' : { fn: this.onClick scope: this, delay: 100 }, 'mouseover' : { fn: this.onMouseOver scope: this }, 'mouseout' : { fn: this.onMouseOut scope: this } });
```
或者简写为：
代码：
```
el.on({ 'click' : this.onClick, 'mouseover' : this.onMouseOver, 'mouseout' : this.onMouseOut scope: this });
```

返回：

void

This method is defined by Observable.

destroy

public function destroy()

Destroys this panel

参数：

无。

返回：

void

This method is defined by ContentPanel.

fireEvent

public function fireEvent(String eventName, Object... args)

触发指定的事件并给出参数（至少要有事件名称）。

参数：

eventName : String
args : Object...
传入处理函数的参数

返回：

Boolean
如果任何处理函数返回 false 则返回值为 false, 否则返回 true。

This method is defined by Observable.

getEl

public function getEl()

Returns this panel's element

参数：

无。

返回：

Ext.Element

This method is defined by ContentPanel.

getId

public function getId()

Returns this panel's id

参数：

无。

返回：

String

This method is defined by ContentPanel.

getTitle

public function getTitle()

Returns this panel's title

参数：

无。

返回：

String

This method is defined by ContentPanel.

getToolbar

public function getToolbar()

Returns the toolbar for this Panel if one was configured.

参数：

无。

返回：

Ext.Toolbar

This method is defined by ContentPanel.

getUpdateManager

public function getUpdateManager()

Get the Ext.UpdateManager for this panel. Enables you to perform Ajax updates.

参数：

无。

返回：

Ext.UpdateManager
The UpdateManager

This method is defined by ContentPanel.

hasListener

public function hasListener(String eventName)

检查该对象是否拥有指定事件的侦听器

参数：

eventName : String
查询事件之名称

返回：

Boolean
值为 True 值表示事件监听器存在, 否则值为 false。

This method is defined by Observable.

isClosable

public function isClosable()

Returns true is this panel was configured to be closable

参数：

无。

返回：

Boolean

This method is defined by ContentPanel.

load

public function load(Object/String/Function url, [String/Object params], [Function callback], [Boolean discardUrl])

Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use setUrl.

参数：

url : Object/String/Function
The url for this request or a function to call to get the url or a config object containing any of the following options:
```
 panel.load({
 url: "your-url.php",
 params: {param1: "foo", param2: "bar"}, // or a URL encoded string
 callback: yourFunction,
 scope: yourObject, //(optional scope) 
 discardUrl: false, 
 nocache: false,
 text: "Loading...",
 timeout: 30,
 scripts: false
 }); 
```
The only required property is url. The optional properties nocache, text and scripts are shorthand for disableCaching, indicatorText and loadScripts and are used to set their associated property on this panel UpdateManager instance.
params : String/Object
（可选） The parameters to pass as either a url encoded string "param1=1&param2=2" or an object {param1: 1, param2: 2}
callback : Function
（可选） Callback when transaction is complete - called with signature (oElement, bSuccess, oResponse)
discardUrl : Boolean
（可选） By default when you execute an update the defaultUrl is changed to the last used url. If true, it will not store the url.

返回：

Ext.ContentPanel
this

This method is defined by ContentPanel.

on

public function on(String eventName, Function handler, [Object options])

为该组件加入事件处理器函数, addListener 的简写方式

参数：

eventName : String
侦听事件的类型
handler : Function
事件调用的方法
options : Object
（可选）

返回：

void

This method is defined by Observable.

purgeListeners

public function purgeListeners()

从对象身上移除所有的侦听器

参数：

无。

返回：

void

This method is defined by Observable.

refresh

public function refresh()

Force a content refresh from the URL specified in the setUrl() method. Will fail silently if the setUrl method has not been called. This does not activate the panel, just updates its content.

参数：

无。

返回：

void

This method is defined by ContentPanel.

removeListener

public function removeListener(String eventName, Function handler, [Object scope])

移除侦听器

参数：

eventName : String
侦听事件的类型
handler : Function
删除的处理函数
scope : Object
（可选） The scope (this object) for the handler

返回：

void

This method is defined by Observable.

setContent

public function setContent(String content, [Boolean loadScripts])

Updates this panel's element

参数：

content : String
The new content
loadScripts : Boolean
（可选） true to look for and process scripts

返回：

void

This method is defined by ContentPanel.

setTitle

public function setTitle(String title)

Set this panel's title

参数：

title : String

返回：

void

This method is defined by ContentPanel.

setUrl

public function setUrl(String/Function url, [String/Object params], [Boolean loadOnce])

Set a URL to be used to load the content for this panel. When this panel is activated, the content will be loaded from that URL.

参数：

url : String/Function
The url to load the content from or a function to call to get the url
params : String/Object
（可选） The string params for the update call or an object of the params. See Ext.UpdateManager.update for more details. (Defaults to null)
loadOnce : Boolean
（可选） Whether to only load the content once. If this is false it makes the Ajax call every time this panel is activated. (Defaults to false)

返回：

Ext.UpdateManager
The UpdateManager

This method is defined by ContentPanel.

un

public function un(String eventName, Function handler, [Object scope])

移除侦听器, removeListener 的简写方式

参数：

eventName : String
侦听事件的类型
handler : Function
删除的处理函数
scope : Object
（可选） The scope (this object) for the handler

返回：

void

This method is defined by Observable.

事件详情

activate

public event activate

Fires when this panel is activated.

Subscribers will be called with the following parameters:

this : Ext.ContentPanel

This event is defined by ContentPanel.

deactivate

public event deactivate

Fires when this panel is activated.

Subscribers will be called with the following parameters:

this : Ext.ContentPanel

This event is defined by ContentPanel.

resize

public event resize

Fires when this panel is resized if fitToFrame is true.

Subscribers will be called with the following parameters:

this : Ext.ContentPanel
width : Number
The width after any component adjustments
height : Number
The height after any component adjustments

This event is defined by ContentPanel.