【正文】 r: 當(dāng)一個(gè)按鈕被點(diǎn)擊時(shí)的處理函數(shù) null showPageList 布爾 定義是否顯示頁面列表 true showRefresh 布爾 定義是否顯示刷新按鈕 true beforePageText 字符串 在輸入框組件前顯示的標(biāo)簽 Page afterPageText 字符串 在輸入框組件后顯示的標(biāo)簽 Of {pages} displayMsg 字符串 顯示一個(gè)頁面的信息。pp39。 /script /head body h1Pagination/h1 div style=margin: 10px 0。loaded39。+pageNumber+39。loading39。, handler:function(){ alert(39。cut39。)。, buttons:[{ iconCls:39。, afterPageText:39。 charset=gb2312 titlejQuery EasyUI/title link rel=stylesheet type=text/css href=../themes/default/ link rel=stylesheet type=text/css href=../themes/ script $(function(){ $(39。 }, message: 39。EmailisValid/a/h1 div table tr tdName:/td tdinput class=easyuivalidatebox required=true validType=length[1,3]/td /tr tr tdEmail:/td tdinput id=dfe class=easyuivalidatebox invalidMessage=格式錯(cuò)誤 validType=/td /tr tr tdURL:/td tdinput class=easyuivalidatebox required=true validType=url/td /tr tr tdtestr:/td tdinput class=easyuivalidatebox validType=minLength[5] invalidMessage=至少 5個(gè)字符 /td /tr tr tdNote:/td tdtextarea class=easyuivalidatebox required=true missingMessage=必填 style=height: 100px。Please enter at least {0} characters.39。isValid39。 padding: 2px。 /script /head body h1NumberBox/h1 pThe Box can only input number./p div style=marginbottom: 10px。 } $(function(){ $(39。nn39。).numberbox(39。 jquery easyui中文培訓(xùn)文檔 17 擴(kuò)展 可以通過 $. alert框的 ok按鈕和 cancel按鈕上顯示的文字。 $. title, msg, fn 顯示一個(gè)確定和取消按鈕的信息提示窗口，提示用戶輸入一些文本。 $. title, msg, fn 顯示一個(gè)含有確定和取消按鈕的確認(rèn)消息窗口。參數(shù)如下： title：顯示在標(biāo)題面板的標(biāo)題文本。 title：定義顯示在標(biāo)題面板顯示的標(biāo)題文本。 默認(rèn)值 可用的值是：null,slide,fade,show。 /script /head body h1Messager/h1 diva href=javascript:void(0) onclick=show1()show/a | a href= onclick=show2()slide/a | a href= onclick=show3()fade/a |/div diva href= onclick=alert1()alert/a | a href= onclick=alert2()alert(error)/a | a href= onclick=alert3()alert(info)/a | a href= onclick=alert4()alert(question)/a | a href= onclick=alert5()alert(warning)/a/div diva href= onclick=confirm1()。+r)。, 39。 = 39。Are you confirm this?39。)。,39。question39。My Title39。,39。 } function alert3(){ $.(39。Here is a error message!39。)。 } function alert1(){ $.(39。Message never be closed.39。 })。, msg:39。show39。My Title39。 pdialog content./p pdialog content./p pdialog content./p pdialog content./p pdialog content./p pdialog content./p pdialog content./p pdialog content./p /div /body /html 效果圖 參數(shù) 屬性名 類型 描述 默認(rèn)值 title 字符串 對話框的標(biāo)題文本 New Dialog collapsible 布爾 定義是否顯示可折疊按鈕 false minimizable 布爾 定義是否顯示最小化按鈕 false maximizable 布爾 定義是否顯示最大化按鈕 false resizable 布爾 定義對話框是否可編輯大小 false toolbar 數(shù)組 對話框上的工具條，每個(gè)工具條包括 : text, iconCls, disabled, handler etc. null buttons 數(shù)組 對話框底部的按鈕，每個(gè)按鈕包括 : text, jquery easyui中文培訓(xùn)文檔 13 iconCls, handler etc. null 事件 Dialog的事件和窗口 (Window)的事件相同 。 } /script /head body h1Dialog/h1 jquery easyui中文培訓(xùn)文檔 12 div style=marginbottom: 10px。dd39。).dialog(39。 } }] })。dd39。)。, iconCls:39。save39。Save39。)。, iconCls:39。).dialog({ title:39。a href= onclick=loadData()loadData/a a href= onclick=setValue()setValue/a a href= onclick=getValue()getValue/a a href= onclick=disable()disable/a a href= onclick=enable()enable/a/div spanOptions: /span select id=cc name=dept required=true option value===請選擇 ==/option option value=0蘋果 /option option value=1香蕉 /option jquery easyui中文培訓(xùn)文檔 9 option value=2鴨梨 /option option value=3西瓜 /option option value=4芒果 /option /select /body /html ： [{ id:1, text:text1 },{ id:2, text:text2 },{ id:3, text:text3, selected:true },{ id:4, text:text4 },{ id:5, text:text5 }] 效果圖 參數(shù) jquery easyui中文培訓(xùn)文檔 10 屬性名 類型 描述 默認(rèn)值 width 數(shù)字 組件的寬度 auto listWidth 數(shù)字 下拉列表的寬度 null listHeight 數(shù)字 下拉列表的高度 null valueField 字符串 基礎(chǔ)數(shù)據(jù)值名稱綁定到這個(gè)組合框 value textField 字符串 基礎(chǔ)數(shù)據(jù)的字段的名稱綁定到這個(gè)組合框 text editable 布爾 定義是否可以直接到文本域中鍵入文本 true url 字符串 加載列表數(shù)據(jù)的遠(yuǎn)程 URL null 事件 事 件名 參數(shù) 描述 onLoadSuccess none 當(dāng)遠(yuǎn)程數(shù)據(jù)成功加載時(shí)觸發(fā) onLoadError none 當(dāng)遠(yuǎn)程數(shù)據(jù)加載失敗時(shí)觸發(fā) onSelect record 當(dāng)用戶選擇了一個(gè)列表項(xiàng)時(shí)觸發(fā) onChange newValue, oldValue 當(dāng)文本域字段的值改變時(shí)觸發(fā) 方法 方法名 參數(shù) 描述 select value 選擇下拉列表中的一項(xiàng) setValue param 設(shè)定指定值到文本域，參數(shù)可以是一個(gè)字符串，也可以是一個(gè) Javascript對象，如果是對象，必須包含兩個(gè)屬 性各對應(yīng) valueField 和 TextField 屬性。39。value39。)。 } function enable(){ $(39。cc39。getValue39。)。).bobox(39。text39。39。 enable/a/div input id=dd/input /body /html 效果圖 jquery easyui中文培訓(xùn)文檔 7 參數(shù) 屬性名 類型 描述 默認(rèn)值 currentText 字符串 為當(dāng)前日期按鈕顯示的文本 Today closeText 字符串 關(guān)閉按鈕顯示的文本 Close disabled 布爾 如果為 true則禁用輸入框 false required 布爾 定義輸入框是否為必添 false missingMessage 字符串 當(dāng)輸入框?yàn)榭諘r(shí)提示的文本 必填 formatter function 格式化日期的函數(shù)，這個(gè)函數(shù)以’ date’為參數(shù)，并且返回一個(gè)字符串 —— parser function 分析字符串的函數(shù)，這個(gè)函數(shù)以’ date’為參數(shù)并返回一個(gè)日期 —— 事件 事件名 參數(shù) 描述 onSelect date 當(dāng)選擇一個(gè)日期時(shí)觸發(fā) 方法 方法名 參數(shù) 描述 destroy none 銷毀組件 disable none 禁用輸入框 . enable none 啟用輸入框 3 ComboBox(組合框 ) 實(shí)例 代碼 html head meta equiv=ContentType content=text/html。 })。關(guān)閉 39。dd39。 + d。 return y + 39。:39。39。 + ms。 + i + 39。 + d + 39。 if (ms 0) return y + 39。 var h = ()。39。).datebox(39。disable39。 true 面板參數(shù) 可折疊標(biāo)簽面板繼承自面板（ panel） ,許多屬性定義在 div /標(biāo)簽里，下面的屬性就是如此： 參數(shù)名稱 參數(shù)類型 描述 默認(rèn)值 selected 布爾 設(shè)置可折疊標(biāo)簽中默認(rèn)展開的標(biāo)簽頁 false 2 DateBox（日期框） 實(shí)例 代碼 !DOCTYPE html PUBLIC //W3C//DTD HTML Transitio