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