easyUI中如何佈局頁面
easyUI是非常常用的的WEB前端開發框架,在easyUI裏面提供了很多的版本,有離線版也有在線版。由於用它來開發網站前端非常簡單方便,因此受到廣泛的歡迎。現在我們來看看如何使用easyUI佈局頁面。
操作方法
(01)創建HTML文檔雙擊桌面上的Dreamweaver圖標,打開Dreamweaver軟件,點擊軟件中菜單欄的【文件】-->【新建】-->【HTML】創建一張HTML類型的頁面。
(02)保存頁面快捷鍵【ctrl+s】保存頁面,會彈出【保存位置】,一般是保存在站點中或者www文件夾裏面。輸入文件名並選擇保存文件的類型,然後點擊確定按鈕即可。
(03)引入js文件easyUI裏面有很多的組件,要想利用這些組件直接開發前端頁面的話,就需要引入相關的js文件。我們要佈局頁面,用到的組件是【layout】,那麼要引入4個js文件,如下圖所示:<script type="text/javascript" src="easyui/"></script><script type="text/javascript" src="easyui/"></script><link rel="stylesheet" type="text/css" href="easyui/themes/"/><link rel="stylesheet" type="text/css" href="easyui/themes/default/"/>
(04)打開EasyUI+1.3+中文幫助手冊【EasyUI+1.3+中文幫助手冊】網上有很多的版本,內容都大同小異,隨意下載一份即可,下載這個的目的是裏面有很多的解析和例子可以參考。
(05)頁面佈局我們創建【整個頁面的佈局】,那麼找到手冊中的【佈局面板】裏面就有一些簡單的例子和代碼,複製粘貼到Dreamweaver文件的body裏面。如果還未下載手冊的人可以參考如下代碼:<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>
(06)預覽效果點擊Dreamweaver工具欄中的【地球圖標】--【預覽在360se】或者其他的瀏覽器,在瀏覽器中預覽效果。
(07)修改代碼我們可以對代碼進行修改,比如去掉【East】面板,然後更改下各個方向中的標題。
(08)再次預覽效果修改完成之後,保存下頁面,然後再次預覽下效果,可以看到標題已經改變了,還可以根據實際的需求往裏面添加內容進去。
特別提示
EasyUI+1.3+中文幫助手冊中的代碼並不是一層不變的,我們可以根據實際的需求,對代碼進行增加和刪除等操作。要注意理解代碼的意思,才能更加靈活的運用。
-
Excel單元格如何限制輸入?
在Excel處理當中,我們往往需要限制某一列的單元格的輸入,希望能按預期的值來輸入數據。我們可以通過Excel的數據驗證來處理。下面一起看下。操作方法(01)打開Excel文檔,如圖,假設我們希望D列的每個單元格輸入的內容是一個數字,而且是介於20到50的值。其他的值都不允許...
-
捷渡D620行車記錄儀更換電池
三年前中獎的捷渡D620,一直放在櫃子裏,前兩天拿出來用,日期、時間設置完後,停車熄火時間後重新發動車子,顯示回原來出廠設置的時間(2012年1月1日)。經過查找資料,確認捷渡D620有內置電池,判斷是電池失效。某寶買了電池,直接拆機更換。操作方法(01)用吹風筒熱風模式拼命吹記...
-
路由器有信號沒網絡
隨着科技的發展,電腦的網絡連接也由線路連接變為更加方便的無線連接。路由器就是連接網絡的設備,它適用於各種機型的電子設備。為人們的生活提供便利。操作方法(01)將網線連接到路由器WAN口,再把電腦連接到路由器的LAN口,把路由器的線斷掉,設置路由器,再給路由器連接電...
-
百度雲使用磁鏈接
百度雲現在已經更名為百度網盤。百度網盤不僅存儲功能強大,而且下載功能也很強大。今天小編就告訴大家如何用百度網盤網頁版和百度網盤手機客户端下載磁力鏈接。百度網盤手機客户端下載磁力鏈接方法(01)首先打開我們的百度網盤手機客户端,點擊進入右下角菜單欄的更...