無廢話ExtJs 入門教程十九 API的使用

2022-02-04 18:39:02 字數 2651 閱讀 7557

首先解釋什麼是 api

extjs的api必須部署到iis上,extjs的api首頁如下圖所示:

左側是搜尋欄,可以搜尋所有的ext的元件,如上圖所示,我搜尋的是box,下面自動觸發搜尋出了包含box的元件。

1,config options(配置項):

1         ext.onready(function

() ,

7 style: 'background:red;color:#fff',

8 width: 200,

9 height: 200,

10renderto: ext.getbody()

11});

12 });

如上所示:style,width,height,renderto,autoel都屬於配置項,即:我們在建立乙個新的元件的時候傳入的 json 物件的內容。

我們以 autoel 屬性為例操作一下:

,在api的列表頁中只對該配置項進行了簡單說明,點選後進入 source code 頁面檢視詳細說明,裡面會有具體的說明和使用例項,如下所示:

2,properties:屬性是我們建立物件以後,能通過該物件取到的值的。

});上面alert方法彈出 false。

3.methods:方法.

如上所示:括號內是方法需要的引數,冒號後是返回值型別,object型別一般為 json 物件

1         ext.onready(function

() ,

7 style: 'background:red;color:#fff',

8 width: 200,

9 height: 200,

10renderto: ext.getbody()

11});

12alert(box.hidden);

13 box.setwidth(400);

14 box.setheight(400);

15 });

我通過 setwidth方法和setheight方法,把box的寬和高調整為  400。

4.events:事件,當某個元件發生動作的變化時會引發的事。比如:

下面我們以 beforerender[元件渲染前事件] 為例,對該事件做監聽:

1  ext.onready(function

() ,

7 style: 'background:red;color:#fff',

8 width: 200,

9 height: 200,

10renderto: ext.getbody(),

11listeners: 15}

16});

17alert(box.hidden);

18 box.setwidth(400);

19 box.setheight(400);

20 });

5.api羅列出各元件之間的關係,如下圖:

defined in :定義在 boxcomponent.js 中

class:類名

subclasses:存在的子類,換句話說就是,上面列出的類,如 button 等繼承 boxcomponent

extends:繼承的意思。說明boxcomponent 繼承自 component

xtype: box 定義 xtype為'box'

6.屬性,方法,事件也存在繼承

如上圖所示,deifned by....在boxcomponent的配置項中有很多都是定義在 component 中,原因也是由於boxcomponent繼承自component。

無廢話WCF入門教程一 什麼是WCF

一 概述 windows communication foundation wcf 是由微軟發展的一組資料通訊的應用程式開發介面,可以翻譯為windows通訊介面,它是.net框架的一部分。由 net framework 3.0開始引入。wcf的最終目標是通過程序或不同的系統 通過本地網路或是通過i...

ExtJs 入門教程(我感覺挺好的)

extjs 入門教程一 學習方法 extjs 入門教程二 hello world extjs 入門教程三 窗體 window元件 extjs 入門教程四 表單 formpanel extjs 入門教程五 文字框 textfield extjs 入門教程六 按鈕 button extjs 入門教程七 ...

ExtJs 入門教程三 窗體 Window元件

1.如下 1 2327 2841 422.效果如下 3.window 元件常用的 屬性 方法及事件 一 屬性 plain 布林型別,true表示強制與背景色保持協調,預設值為false。resizable 布林型別,使用者是否可以調整窗體大小,預設值為true表示可以調整大小。maxinizable...