jQuery EasyUI API 中文文檔 搜索框
用$.fn.searchbox.defaults重寫defaults。
依賴
menubutton
用法示例
創(chuàng)建SearchBox
1. 從標記創(chuàng)建。把 'easyui-searchbox' 類加入到<input/>標記。
<script type="text/javascript">
function qq(value,name){
alert(value+":"+name)
}
</script>
<input id="ss" class="easyui-searchbox"
searcher="qq"
prompt="Please Input Value" menu="#mm" style="width:300px"></input>
<div id="mm" style="width:120px">
<div name="all" iconCls="icon-ok">All News</div>
<div name="sports">Sports News</div>
</div>
編程創(chuàng)建。
<input id="ss"></input>
<div id="mm" style="width:120px">
<div name="all" iconCls="icon-ok">All News</div>
<div name="sports">Sports News</div>
</div>
$('#ss').searchbox({
width:200,
searcher:function(value,name){
alert(value + "," + name)
},
menu:'#mm',
prompt:'Please Input Value'
});
特性
|
名稱 |
類型 |
說明 |
默認值 |
|
width |
number |
設置組件寬度。 |
auto |
|
propmt |
string |
顯示在輸入框里的提示信息。 |
'' |
|
value |
string |
輸入的值。 |
'' |
|
menu |
selector |
搜索類型的菜單。 |
null |
|
searcher |
function(value,name) |
函數(shù)，當用戶按搜索按鈕或者按ENTER鍵時被調(diào)用。 |
null |
方法
|
名稱 |
參數(shù) |
說明 |
|
options |
none |
返回options對象。 |
|
menu |
none |
返回搜索類型的菜單對象。 |
|
textbox |
none |
返回文本框?qū)ο蟆?/SPAN> |
|
getValue |
none |
返回當前的搜索用值。 |
|
setValue |
value |
設置新的搜索用值。 |
|
getName |
none |
返回當前搜索類型的名稱。 |
|
destroy |
none |
銷毀這個組件。 |
|
resize |
width |
重設組件的寬度。 |
相關文章
history歷史記錄插件可以幫助您回到您的JavaScript支持應用程序/前進按鈕和書簽。你可以存儲到應用程序狀態(tài)的網(wǎng)址散列和恢復它的狀態(tài)。2010-12-12
這篇文章主要介紹了jqgrid實現(xiàn)簡單的單行編輯功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
jQuery插件實現(xiàn)非常實用的tab欄切換功能【案例】
這篇文章主要介紹了jQuery插件實現(xiàn)非常實用的tab欄切換功能,涉及jQuery事件響應及頁面元素屬性動態(tài)操作相關實現(xiàn)技巧,需要的朋友可以參考下2019-02-02
導航條背景切換的效果，想必大家在瀏覽網(wǎng)頁時可能會碰到過，下面為大家介紹下使用jquery如何實現(xiàn)，具體思路及代碼如下，感興趣的朋友可以參考下2013-09-09
實現(xiàn)登錄的方法有很多，這里為大家介紹下實現(xiàn)回車提交表單，具體如下，感興趣的朋友可以參考下2013-08-08
jquery each函數(shù)的使用頻率非常高，下面給大家介紹jQuery each函數(shù)源碼分析，一起看看吧2016-05-05
與jquery serializeArray()一起使用的函數(shù)，主要來方便提交表單
與jquery serializeArray()一起使用的函數(shù)，主要來方便提交表單，需要的朋友可以參考下。2011-01-01
點擊標題，輸入詳細信息，點擊確定按鈕，完成，把不必要的選項隱藏，當用戶真正有需要的時候，在顯示出來2013-04-04
通過jquery-ui中的sortable來實現(xiàn)拖拽排序的簡單實例
下面小編就為大家?guī)硪黄ㄟ^jquery-ui中的sortable來實現(xiàn)拖拽排序的簡單實例。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了jQuery獲取剪貼板內(nèi)容的方法,結(jié)合實例形式分析了jQuery針對不同瀏覽器獲取剪貼板內(nèi)容的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06