科技知識動態:Exjs 入門篇_extjs

導讀 跟大家講解下有關Exjs 入門篇_extjs,相信小伙伴們對這個話題應該也很關注吧,現在就為小伙伴們說說Exjs 入門篇_extjs,小編也收集到了有

跟大家講解下有關Exjs 入門篇_extjs,相信小伙伴們對這個話題應該也很關注吧,現在就為小伙伴們說說Exjs 入門篇_extjs,小編也收集到了有關Exjs 入門篇_extjs的相關資料,希望大家看到了會喜歡。

看到Extjs如此絢麗的界面,突然有種莫名的沖動來學習下! Extjs是從yui-ext發展來的一套ajax控件,是一套完整的富客戶端解決方案,也因為功能完整,ext-all.js有400多k(最新的extjs3.2.0 有600多k),以為是基于js和css的功能實現,對客戶端機器性能也有一定的要求,比如對ie6以下版本的不支持。   下面開始Extjs的學習(本人也是剛學,希望大家提出文中出現的問題)。"Hello World"是當今程序語言經典的入門程序,很多教科書上都是用"Hello World"來引領我們進入精彩的程序世界。   在進行是用Extjs框架開發應運程序前,必須將Extjs資源包導入到你的項目中來,最新的Extjs開發包版本為3.2.0,在Extjs官方網站可以進行下載,網址為www.extjs.com/download。下載完成后,進行解壓,解壓后的結構圖如下所示。

  下載了Extjs開發包后,我們就可以可以Extjs的開發了,首先我們打開VS2008,新建一個工程,我就取名為Com.KimiYang.Web。建完工程后,將剛才解壓后的Extjs開發包拷到到項目中來。目錄adapter,resources和文件ext-all.js必須拷到項目中來。我在工程的根目錄新建了文件夾Extjs3.2.0,然后將以上文件夾及文件拷到文件夾Extjs3.2.0來。目錄結構如下圖所示:

  現在我們開始寫"Hello World"程序,我們直接寫在頁面Default.aspx上面了,打開Default.aspx頁面。要使用Extjs開發應用程序,僅僅將Extjs開發導入到項目是不夠的,還需要在頁面中引用相應文件。最核心的文件有以下3個:resources/css/ext-all.css(控制界面樣式,不引入次樣式,將直接導致頁面混亂),adapter/ext/ext-base.js和ext-all.js(這兩個文件是包含了Extjs的所有功能),除了以上3個文件必須引入外,對于中國的開發者還必須引入一個文件:Extjs3.2.0/src/locale/ext-lang-zh_CN.js(中文翻譯)。以上幾個文件引用時有先后次序的,不然將導致程序出錯。以下為"Hello World"代碼,當用戶打開頁面時候,將彈出一個對話框,顯示Hello Wold。復制代碼 代碼如下: 無標題頁 執行上面代碼,將出現如下效果。

首先在定義了一個方法openMsg,此方法的功能就是彈出一個 Extjs的對話框,Ext.onReady()是使用Extjs的入口,只有當Extjs框架加載完成后,才會執行Ext.onReady里面的函數。

來源:php中文網

免責聲明:本文由用戶上傳,如有侵權請聯系刪除!