easyui學習筆記

2021-07-02 21:31:36 字數 2645 閱讀 5882

1.顯示乙個列表引用easyui-datagrid類,fit選項如果設定為true,摺疊容器的大小將填充父容器。fitcolumns 設定為true,自動擴充套件或收縮列的大小以適應網格寬度和防止水平滾動條

2.easyui區分大小寫

3.field 對於json中的字段,有利於一一對應。

4.idfield指定哪些欄位是標識字段(既id)

5.rowstyler:(寫在定義的datagrid中和columns是並列選項)

返回像'background:red'的樣式,函式帶兩個引數:

rowindex: 行索引,開始以0

rowdata: 與此相應的記錄行

6.styler(因為這個屬性有value引數,所以其是寫在定義的列中的。)

單元樣式函式,返回自定義樣式,單元樣式格式'background:red',函式有三個引數:value: 字段值.rowdata: 該行記錄資料rowindex:行索引.

7.sortname

定義哪一列可以排序

8.sortorder

定義列排序的方式,遞增(asc)或遞減(desc)與remotesort: false連用定義是否從伺服器排序資料()預設為true,不寫的話sortorde沒用

9.frozencolumns

和column屬性相同,但是這些列將被固定在左邊

10.checkbox

是否顯示選擇框

11.formatter

包含三個引數:value: 字段值.rowdata: 該行記錄資料rowindex:行索引.

12.sorter

自定義字段排序函式,有兩個引數:a: 第乙個欄位的值b: 第二個欄位的值.

13.sortable

是否允許該列排序

14.*******:

在裡面寫入dategrid的按鈕。其中'-'代表豎著的分隔符。寫入的按鈕顯示在上邊

顯示在下邊是buttons

15.collapsible:true,

dategrid是否有收起放下的效果

16.resize

重新定義dategrid顯示的大小

17.getselected

返回第一次選擇的行記錄(獲取)

var selected = $('#test').datagrid('getselected');

if (selected)

18.getselections

返回所有選定行,如果沒選擇記錄,則返回空陣列

var ids = ;

var rows = $('#test').datagrid('getselections');

for(var i=0;i

$('#dd').datebox('disable');日期不可更改

$('#dd').datebox('enable');日期可更改

26.required="true"不能為空(文字框,下拉別錶框)

27.datetimebox時間控制項

28.dialog,對話方塊,把一層轉化為乙個對話方塊(如下)

(1)dialog content.

$('#dd').dialog(options);

(2)*******屬性還是上面寫入按鈕(在這裡是把乙個層放到了這個位置,該層有按鈕)

buttons類似,其都是超連結應用了easyui的樣式變成按鈕

29.dialog('close'),關閉對話方塊的方法(如下是為對話方塊新增乙個關閉按鈕)

buttons:[

}]29.dialog('open');開啟對話方塊的方法

$('#dd').dialog('open');

30.draggable可拖拽的層

$('#mydd').draggable();

31.onstartdrag

當目標物件開始拖動的時候觸發此事件

32.axis

定義可以向哪個方向拖動,有v和h兩種值

如果設為v就只能垂直拖動,如果設為h,則只能水平拖動

$('#dd2').draggable();

33.handle

定義可以拖動的選擇器物件(預設為層本身)

34.disabled( 定義是否可以拖動,true為停止拖動)

啟動移動$('#dd1').draggable();

關閉移動$('#dd1').draggable();

35.限定範圍

(layout在div或者body標籤加上class="easyui-layout")↓

36.region

定義布局面板的位置,該值是下列之一: north, south, east, west, center

37.border

如果為ture則顯示布局面板的邊框

38.split

如果為ture則顯示分隔欄,使用者可以用它來改變布局面板的大小

39.href

從遠端位址載入資料的url

validatebox

40.invalidmessage

當文字框內容不合法時提示的文字資訊

41.pagination

是否顯示底部分頁工具欄

42.pagenumber

當設定分頁工具屬性,初始化頁碼

43.pagesize

當設定分頁工具屬性,初始化頁面大小 

easyUI學習筆記

呼叫easyui展示列表每次的呼叫過程都如下圖所示 第一 cs 先是呼叫後台cs頁面的pageload方法,或search方法 第二 aspx 是頁面展示,呼叫 tlist datagrid 方法,展示頁面布局 第三 aspx tlist datagrid 通過如下引數向後台頁面傳引數,datagr...

easyui 學習筆記

中文api路徑 用到combobox時當輸入內容不存在下拉框選項中 如人名只輸入姓,不選擇下拉內容 儲存成功後導致後面流程走不下去,解決辦法 onhidepanel function if result 摘自 資料量太大時此方法欠妥當,後經改化,無需乙個乙個迭代資料 onhidepanel func...

Easy Ui 學習筆記

一 對於引數的理解 1 對於ui中的乙個元件可以直接使用jquery選擇乙個物件之後,對其新增所有可行的屬性,事件,如 p panel onclose function iconcls icon tip tools onmove function w,h 2 對於string,number,bool...