四 元件的使用

2021-08-24 22:01:03 字數 838 閱讀 1463

元件可以直接通過new 關鍵子來建立,比如控制項乙個視窗,使用new ext.window(),建立乙個**則使用new ext.gridpanel()。除了一些普通的元件以外,一般都會在建構函式中通過傳遞構造引數來建立元件。元件的建構函式中一般都可以包含乙個物件,這個物件包含建立元件所需要的配置屬性及值,元件根據建構函式中的引數屬性值來初始化元件。

比如下面的例子:

可以省掉變數obj,直接寫成如下的形式:

render方法後面的引數表示頁面上的div元素id,也可以直接在引數中通過renderto引數來省略手動呼叫render方法,只需要在建構函式的引數中新增乙個renderto屬性即可,如下:

var pane l= new

ext.panel();

對於容器中的子元素元件,都支援延遲載入的方式建立控制項,此時可以直接通過在需要父元件的建構函式中,通過給屬性items傳遞陣列方式實現構造。如下面的**:

var panel=new ext.tabpanel(,,

]});

panel.render("mydiv");

注意中括號中加粗部份的**,這些**定義了tabpanel這個容器控制項中的子元素,這裡包括三個面板。上面的**與下面的**等價:

var panel=new ext.tabpanel(),

new ext.panel(),

new ext.panel()

]});

panel.render("mydiv");

前者不但省略掉了new ext.panel這個建構函式,最重要前者只有在初始化tabpanel的時候,才會建立子面板,而第二種方式則在程式一開始就會建立子面板。也就是說,前者實現的延遲載入。

React學習(四)元件

元件 上面 中,變數 hellomessage 就是乙個元件類。模板插入 時,會自動生成 hellomessage 的乙個例項 下文的 元件 都指元件類的例項 所有元件類都必須有自己的 render 方法,用於輸出元件。注意,元件類的第乙個字母必須大寫,否則會報錯,比如hellomessage不能寫...

Vue學習(四)元件(參考)

什麼是元件 元件的出現,就是為了拆分vue例項的 量的,能夠讓我們以不同的元件,來劃分不同的功能模組,將來我們需要什麼樣的功能,就可以去呼叫對應的元件即可 元件化和模組化的不同 使用 vue.extend 配合 vue.component 方法 var login vue.extend vue.co...

元件使用 2 元件傳值

點選事件觸發的時候 觸發父元件中的自定義事件 同時傳遞資料給 父元件 this.triggerevent 父元件自定義事件的名稱 要傳遞的引數 獲取索引 const e.currenttarget.dataset 觸發父元件中的自定義事件 同時傳遞資料給 this.triggerevent item...