easyUI的基本搭建與layout布局

2021-06-19 11:41:15 字數 1621 閱讀 3739

easyui的開發包

easyui-api+1.3.2.chm中文幫助文件

一、easyui開發包詳解

easyui開發包目錄結構介紹

二、easyui使用前的準備

匯入開發包中的:

jquery核心js,       jquery-1.8.0.min.js

匯入easyui的js,  jquery.easyui.min.js == easyloader.js +plugins/*

匯入主題css (內建五種主題 )      jquery-easyui-1.3.2\themes\default/easyui.css

匯入圖示css        jquery-easyui-1.3.2\themes\icon.css

也就是在jsp中以如下格式配置(該格式可以在easyui-api+1.3.2.chm的首頁中進行查詢)

//最好加上這個,國際化,否則預設為英文
3.使用easyui提供的layout完成頁面布局使用layout簡單布局:分為東南西北中五個部分,其中『中』不可少

北部

南部中部

西部東部

分析:data-options=""一般用於存放easyui屬性

class一般用於存放easyui控制項

效果如下:

4.使用accordion完成摺疊面板效果,一般用於西部區域選單顯示

宙斯

冰島金字塔

分析:fit=true表示自動填充效果(不寫會導致摺疊效果十分難看);iconcls:'icon-help'顯示標題圖示,來自icon.css

效果如下:

5.使用tabs完成選項卡布局,一般用於中部選項卡

內容一

內容二內容三

分析:closable:true 該屬性表示這個選項卡可以關閉(提供關閉按鈕)

效果:

注:該選項卡為固定的,動態選項卡請參照下乙個blog,ztree的選單顯示與動態選項卡

mysql搭建與基本操作

mysql資料庫基本操作 mysql資料庫簡介 mysql是乙個真正的多執行緒,多使用者的sql資料庫服務,憑藉其高效能,高可靠和易於使用的特性,成為伺服器領域中最受歡迎的開源資料庫系統。目前mysql專案由oracle公司負責運營與維護。其預設埠通過tcp 3306埠對映服務 可以通過 etc m...

mysql搭建與基本操作

mysql資料庫基本操作 mysql資料庫簡介 mysql是乙個真正的多執行緒,多使用者的sql資料庫服務,憑藉其高效能,高可靠和易於使用的特性,成為伺服器領域中最受歡迎的開源資料庫系統。目前mysql專案由oracle公司負責運營與維護。其預設埠通過tcp 3306埠對映服務 可以通過 etc m...

Git的環境搭建與基本使用

安裝git 配置檔案 倉庫的基礎操作 分支操作 遠端倉庫操作 linux sudo yum install git或者 sudo apt get install gitmac 第一次安裝,千萬別忘記了配置你的git的使用者名字和郵箱。這個道理很簡單,每一次的提交時需要記錄提交者的,如果沒有提交者,那...