天天看點

[ExtJS5學習筆記]第二十節 Extjs5配合數組的push方法,動态建立并加載元件

<a target="_blank" href="http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext-method-each"></a>

------------------------------------------------------------------------------------------------------------------------------------

上一節看到了如何使用fieldset集合來管理元件,其中fieldset中的每一個元件都是在items中指定的,如下:

[ExtJS5學習筆記]第二十節 Extjs5配合數組的push方法,動态建立并加載元件

可以看到,items其實就是一個數組,可以看成是json格式樣式的一個數組。既然這樣,那麼當我們定義好了這樣的字元串樣式之後,可以使用數組的push方法,将這些項,一個一個的加載進去,就可以動态的進行元件建立了。

[ExtJS5學習筆記]第二十節 Extjs5配合數組的push方法,動态建立并加載元件

先看一下效果,右邊的fieldset是動态建立出來的,是通過array的push方法加載的:

代碼如下:

[ExtJS5學習筆記]第二十節 Extjs5配合數組的push方法,動态建立并加載元件

繼續閱讀