怎樣學習jQuery easyUI教程?
顧名思義jQuery easyUI是一個基於jQuery的框架,相當於是jQuery的擴展、延續,jQuery easyUI集成了很多用戶介面插件,我們在做頁面佈局的時候只要引用這些插件即可快速地佈局出頁面,而無需敲很多的代碼,通常作爲前端框架來使用,但是要注意easyUI是收費的,在做網站時需要購買版權纔可以使用它,而在學習的時候則可以直接在網上下載一些教程來使用即可,無需付費。那麼我們該怎麼來學習jQuery easyUI呢?
操作方法
(01)下載demo首先在搜狗瀏覽器的地址欄中輸入【jQuery easyUI 中文網】,第一個就是了,直接點擊進入。然後在該網站中找到並點擊【EasyUI下載】,由於我們是學習用的,而非商用,所以直接點擊【官方下載】即可。注:如果是作爲商用的話,則點擊【購買商業版】。最後再點擊【Download】下載demo,雖然也可以在線上瀏覽檢視即可,不過直接下載下來在無網絡的情況下也可以檢視,而且執行速度較快。
(02)解壓下載下來的檔案包我們放在了F盤裏面,解壓【】,注意解壓的時候要先創建一個檔案夾,再將解壓到檔案夾裏面,檔案夾就命名爲jquery-easyui-1.5.2即可。
(03)引入檔案把jQuery-easyuui-1.5.2檔案夾裏面的themes檔案夾複製粘貼到項目中,然後當網頁用到easyUI時都要引入以下的四個檔案:<script type="text/javascript" src="easyui/"></script><script type="text/javascript" src="easyui/"></script><link rel="stylesheet" type="text/css" href="easyui/themes/default/"/><link rel="stylesheet" type="text/css" href="easyui/themes/"/><script type="text/javascript" src="easyui/"></script>
(04)佈局面板從easyUI幫助手冊中的【佈局-->佈局面板layout】複製【創建整個頁面的佈局】。如果沒有下載這個手冊的,可以複製下面的代碼:<body class="easyui-layout"> <div data-options="region:'north',title:'North Title',split:true" style="height:100px;"></div> <div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div> <div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"></div> <div data-options="region:'west',title:'West',split:true" style="width:100px;"></div> <div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div> </body>
(05)預覽然後執行頁面,在瀏覽器中預覽效果。點擊工具欄的【在瀏覽器中預覽/調試】圖標,在瀏覽器中預覽結果。
(06)修改我們把面板East和South去掉。然後按鍵盤F5重新載入下頁面。或者也可以把West和south面板去掉,根據需要選擇或者保留面板。注意,面板是可以嵌套使用的。比如我們在center中再加一個面板。
(07)解析對佈局面板中用到的一些重要屬性進行解析:[1]title:表示定義佈局面板的標題[2]region:表示定義佈局面板的位置,佈局面板的位置有5個north/sourth/east/west/center[3]border:表示佈局面板是否有邊框,默認是有邊框,即值爲true,把border屬性去掉或者值改爲false,即可去掉邊框。[4]split:表示分隔條,即透過是否可以透過拖動改變佈局面板的大小。[5]iconCls:佈局面板的頭部圖標,這個都是easyUI中的css類。
特別提示
個人看法,僅供參考
-
鹽析法沉澱蛋白質的原理
(01)除了上述提到的鹽析法沉澱蛋白質的原理之外,還有其他一些方法可以用來沉澱蛋白質。以下是一些常見的方法:1.酸鹼法:透過調整溶液的酸鹼度,使蛋白質的溶解度發生變化,從而實現蛋白質的沉澱。酸鹼法通常用於沉澱那些在特定pH值下不穩定的蛋白質。(02)2.有機溶劑法:某些...
-
火影忍者九大尾獸實力排行 和網友想象的不一樣
導語:《火影忍者》是一部十分優秀動漫作品在全世界口碑不錯,可能和其中比較隨意的設定有關係。其中裏面的不同尾獸引起很多人注意,甚至於有人認爲尾數越多實力越強,真實情況是這樣嗎?探祕志小編帶大家一起了解一下其中九大尾獸實力排行吧。1、九尾排在火影忍者九大...
-
最好養的熱帶魚排行 十大養不死的熱帶魚盤點
導語:很多人都想在家裏養魚,但是養魚也並不是那麼簡單的,所以很多人開始就會選擇比較好樣的魚。熱帶魚不僅好看而且對環境要求比較小,那麼最好養的熱帶魚有哪些?探祕志帶大家瞭解十大養不死的熱帶魚吧。1、月光魚第一個進入最好養的熱帶魚排行是月光魚,這是一種比較...
-
怎麼融化巧克力
(01)融化巧克力的方法有多種,以下是一些常見的方法:1.調溫鍋熔化法:將巧克力切碎,然後放入調溫鍋裏熔化。調溫鍋能夠控制溫度,避免巧克力燒焦。將調溫鍋的溫度調至45-50℃,放入巧克力,不斷攪拌直至巧克力完全融化。(02)2.隔水加熱熔化法:將切碎的巧克力放入一個碗中,然後將...