Extjs4中up 和down 的用法

extjs4.x中，每個元件都新增加了兩個方法up()和down()方法。這兩個方法都是用來獲取元件的，下面我們來看下up()方法和down()方法的官方解釋。

extjs4.x中，新增加了兩個方法up()和down()方法。這兩個方法都是用來獲取元件的，下面我們來看下官方解釋。

up( string selector, [number/mixed maxdepth] ) : ext.core.element

selector:必選，字串形式，表示要匹配的元件。

maxdepth:可選，表示要匹配的最大深度。

up方法的api解釋為：通過簡單的選擇，獲得相匹配的dom，使用up方法總是返回乙個ext.core.element，也就是ext的元件。

down( string selector, [boolean returndom] ) : htmlelement/ext.core.element

selector:必選，字串形式，表示要匹配的元件，

returndom：可選，布林型別，如果為true，則返回dom節點，而不是ext.core.element。值預設為false。

down方法的api解釋，通過選擇器,來獲得任何深度的子元件，在down方法中，不應該包含元件的id，而應該是元件的xtype。

下面我們來看他的用法。先看一段**。

ext.require(

'ext.*'

);ext.onready(

function

()],

button:[

}]}]

}) });

ext.require('ext.*');
ext.onready(function()],
button:[
}]}]
}) });

這段**中，我們建立了乙個window，然後在window中新增了乙個form。最後增加了乙個button。button的handler，我們定義了乙個function。下一步，我們在這個function中新增**。

varform =

this

.up(『form』).getform();

var form = this.up(『form』).getform();

這裡用到了this.up。具體解釋下。這裡this。就是button元件，up(『form』)是指匹配form元件。那麼合起來，我們就得到了form元件，並且得到整個form。

在這個例子中，我們並不需要down方法。因為無論是獲取form還是window.我們都可以使用this.up(『form』)或this.up(『window』)來獲取form元件和window元件。

為了介紹下down方法。我們將整個過程複雜化一些。

varform =

this

.up(『window』).down(『form』).getform();

var form = this.up(『window』).down(『form』).getform();

相信大家已經很明白了,this.up(『window』)獲取了頂級的window元件。接著使用down()方法獲取了window的子元件form元件，最後使用getform()來獲取整個form。

結語：在extjs4中，extjs給每個元件增加了up()和down()方法，這樣使得我們更加容易得到每個元件的父級元件和子級元件。當然，除了這些方法，extjs還增加了更加強大的componentquery類，通過這個類，我們可以使用更多的方法來找到所需要的任何元件。具體componentquery的用法

Extjs4中up 和down 的用法

Extjs4中up 和down 的用法

Extjs4 中垂直水平居中

ExtJs4學習MVC中的Store

Extjs4中up 和down 的用法

Extjs4中up 和down 的用法

Extjs4 中垂直水平居中

ExtJs4學習MVC中的Store

相關推薦