天天看點

ext架構導入

應用extjs需要在頁面中引入extjs的樣式及extjs庫檔案,樣式檔案為resources/css/ext-all.css,extjs的js庫檔案主要包含兩個,adapter/ext/ext-base.js及ext-all.js,其中ext-base.js表示架構基礎庫,ext-all.js是extjs的核心庫。adapter表示擴充卡,也就是說可以有多種擴充卡,是以,可以把adapter/ext/ext-base.js換成adapter/jquery/ext-jquery-adapter.js,或adapter/prototype/ext-prototype-adapter.js等。

  是以,要使用ExtJS架構的頁面中一般包括下面幾句:

<link rel="stylesheet" type="text/css" href="../extjs/css/ext-all.css" target="_blank" rel="external nofollow" />

<script type="text/javascript" src="../extjs/ext-base.js"></script>

<script type="text/javascript" src="../extjs/ext-all.js"></script>

下面是我做的例子

[img]http://dl.iteye.com/upload/attachment/228635/d90248a3-7ab7-3d08-b66d-10c8b9eb49f2.jpg[/img]

test1.html頁面

[img]http://dl.iteye.com/upload/attachment/228637/79972bcd-dd70-3778-afd4-810ee87d6a58.jpg[/img]

運作頁面

[img]http://dl.iteye.com/upload/attachment/228640/518de8e5-e5ff-3aef-9bc5-57430d7acfb2.jpg[/img]

extjs基本架構導入成功- -