Autocomplete插件

重要說明:與配置選項類似,Autocomplete插件的方法也不是直接調用,而且通過autocomplete()方法進行間接調用。例如:$("#title").autocomplete( "方法名", "參數1", "參數2" );

Autocomplete的方法列表

  • close() 關閉自動完成顯示的菜單。 $( "#title" ).autocomplete( "close" );

  • destroy() 完全移除自動完成功能。 $( "#title" ).autocomplete( "destroy" );

  • disable() 禁用Autocomplete。 $( "#title" ).autocomplete( "disable" );

  • enable() 啓用Autocomplete。 $( "#title" ).autocomplete( "enable" );

  • instance() 返回Autocomplete的對象實例。如果指定元素沒有關聯的實例,則返回undefined。 $( "#title" ).autocomplete( "instance" );

  • option( [ optionName [, value ] ] ) 設置或返回Autocomplete的配置選項。該方法有以下4種形式:

  1. 形式一:以對象形式返回所有配置選項。 var options = $( "#title" ).autocomplete( "option" );

  2. 形式二:根據選項名稱獲取單個配置選項 var isDisabled= $( "#title" ).autocomplete( "option", "disabled" );

  3. 形式三:設置指定配置選項的值 $( "#title" ).autocomplete( "option", "disabled", true );

  4. 形式四:以對象形式同時設置一個或多個配置選項的值 $( "#title" ).autocomplete( "option", { "disabled": true, "delay": 500 } );

  • search( [ value ] ) 觸發search事件,如果該事件未被取消的話,Autocomplete將調用數據源來顯示菜單。如果沒有爲其指定value參數,它將當前輸入元素的值(指定了的話,就使用指定的value值)。 $( "#title" ).autocomplete( "search", "Chin" );

  • widget() 返回匹配菜單元素的jQuery對象(實際匹配一個div元素,該div內用於放置顯示菜單的html內容)。儘管菜單項是即時創建和銷燬的,但菜單元素本身並不會重複創建和銷燬。它在初始化時被創建,然後一直被重複使用。 $( "#title" ).autocomplete( "widget" );

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章