easy ui 簡單使用

2021-06-20 10:48:30 字數 993 閱讀 1750

1:引入需要的js與css

//easyui核心檔案

//國際化

//主題檔案

//主題使用的圖示

2:構造easy ui 控制項

js方式

首先建立乙個div標籤

dialog content.

然後選擇div呼叫dialog就可以把普通的div渲染成easy ui的dialog控制項
$(function () );

html方式效果一樣

dialog content.

3:使用easyui-validatebox

easyui-validatebox是和easy ui的form一起使用的,在提交的使用easy ui 會自己呼叫validate方法驗證,

所以我們在使用自己的ajax提交時需要手動呼叫validate方法驗證一次

if ($("#myform").form("validate"))

4:使用layout 

layout是由上下左右中的5的panel組成

獲得中間的panel  

var p = $("#layout").layout('panel', "center");

獲得中間panel屬性中的title

p.panel("options").title

屬性href是嵌入乙個html頁面,但只渲染body部分

所以為了簡潔全部刪除直接寫**就相當於在body部分寫**

5:常用的屬性

fit一般要做控制項之間的改變而改變都要設定fit為true

6:commobox取值

.combobox('getvalue')

.combobox('gettest')

easyui簡單使用

easyui近期一直都比較流行,雖然它在效果上被extjs爆了,它的使用難度低,在ie6下表現不錯,的確受到了廣泛企業程式設計師的好評。但是他的api說明還是比較簡陋的,剛上手可能還需要摸索一下,為什麼這樣做不會來?我做了一些封裝 盡量地封裝,隱藏它的api,保持簡單呼叫。工作開始 tabs 先貼一...

EasyUI簡單使用介紹

引入jquery 核心庫,這裡採用的是2.0 引入jquery easyui 核心庫,這裡採用的是1.3.6 引入easyui 中文提示資訊 引入自己開發的js 檔案 引入easyui 核心ui 檔案css 引入easyui 圖示檔案 ps 引入完畢後,我們就可以編寫jquery easyui 了。...

easyui使用記錄

1.easyui時間控制項 限制不能選擇未來時間 aaaj datebox datebox calendar calendar 限制開始時間小於結束時間 starttime datebox 2.datagrid載入資料 public datagrid grid mapmap 3.combobox使用...