3、t/javascript"src="<%=path%>/js/jquery-ui.js">注意引入的先后順序常用jQueryUI插件常用jQueryUI插件dialog對話框插件tabs選項卡插件menu菜單插件autocomplete插件lazyload插件dialog插件2-1常用參數(shù)屬性類型說明BooleanautoOpen屬性設(shè)置該組件被調(diào)用時的打開狀態(tài)。默認值為true,即打開對話框Objectbuttons或Arraybuttons屬性顯示一個按鈕,可以設(shè)置該按鈕的顯示文本和點擊函數(shù)Booleanmoda
4、l屬性設(shè)置組件是否使用模式窗口。默認為falseclose()方法執(zhí)行關(guān)閉對話框操作open()方法執(zhí)行打開對話框操作beforeClose(event,ui)事件當dialog嘗試關(guān)閉時,此事件將被觸發(fā)參數(shù)說明:event為事件對象,ui為當前插件對象close(event,ui)事件當dialog被關(guān)閉后,此事件將被觸發(fā)open(event,ui)事件當dialog被打開后,此事件將被觸發(fā)tabs插件3-1常用屬性屬性說明Booleancollapsible設(shè)置該組件的折疊狀態(tài)。默認值為false,即不可折疊Booleanacti
5、ve或Integeractive設(shè)置處于打開狀態(tài)的選項卡。默認值為0,即默認打開第一個選項卡參數(shù)值說明:Boolean類型值:設(shè)置該參數(shù)值為false,所有選項卡將會被折疊。必須設(shè)置collapsible參數(shù)為trueInteger類型值:正整數(shù)表示下標從0開始的選項卡位置;負整數(shù)表示從最后一個開始倒數(shù)的選項卡位置Stringevent設(shè)置切換選項卡的觸發(fā)事件。默認值為“click”,即點擊選項卡時觸發(fā)切換tabs插件3-2常用方法常用事件方法說明load(Stringindex)或load(Numberindex)重載一個Ajax選
6、項卡的內(nèi)容參數(shù)說明:index為要重載的選項卡下標option(Stringname)設(shè)置屬性參數(shù)說明:name為要設(shè)置的屬性名事件說明activate(event,ui)當選項卡被打開后,此事件將被觸發(fā)beforeActivate(event,ui)當選項卡打開時,此事件將被觸發(fā)beforeLoad(event,ui)當選項卡內(nèi)容重載時,此事件將被觸發(fā)menu插件2-1常用屬性屬性類型說明Objecticons屬性設(shè)置該組件使用菜單圖標Booleandisabled屬性設(shè)置菜單不可用option(Stringname)方法獲取指定選
7、項的值expand([event])方法打開當前菜單項的子菜單focus(event,ui)事件當菜單獲取焦點或任何菜單項被打開時,觸發(fā)該事件autocomplete插件4-2語法常用屬性$(selector).autocomplete([settings]);屬性說明StringSource或ArraySource或functionSource(Objectreuqest,functionresponse(Objectdata))用于指定數(shù)據(jù)來源,類型為String、Array、functionString:用于Ajax請求的URL
8、地址,返回Array(JSON格式)Array:即字符串數(shù)組或JSON數(shù)組function(request,response):通過request.term獲得輸入的值(term為默認參數(shù)名),response([Arr