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'
});
特性
|
名稱 |
類型 |
說(shuō)明 |
默認(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ù) |
說(shuō)明 |
|
options |
none |
返回options對(duì)象。 |
|
menu |
none |
返回搜索類型的菜單對(duì)象。 |
|
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)按鈕和書(shū)簽。你可以存儲(chǔ)到應(yīng)用程序狀態(tài)的網(wǎng)址散列和恢復(fù)它的狀態(tài)。2010-12-12
jqgrid實(shí)現(xiàn)簡(jiǎn)單的單行編輯功能
這篇文章主要介紹了jqgrid實(shí)現(xiàn)簡(jiǎn)單的單行編輯功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
jQuery插件實(shí)現(xiàn)非常實(shí)用的tab欄切換功能【案例】
這篇文章主要介紹了jQuery插件實(shí)現(xiàn)非常實(shí)用的tab欄切換功能,涉及jQuery事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-02-02
jQuery關(guān)于導(dǎo)航條背景切換效果實(shí)現(xiàn)示例
導(dǎo)航條背景切換的效果，想必大家在瀏覽網(wǎng)頁(yè)時(shí)可能會(huì)碰到過(guò)，下面為大家介紹下使用jquery如何實(shí)現(xiàn)，具體思路及代碼如下，感興趣的朋友可以參考下2013-09-09
jQuery回車實(shí)現(xiàn)登錄簡(jiǎ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ù)，主要來(lái)方便提交表單
與jquery serializeArray()一起使用的函數(shù)，主要來(lái)方便提交表單，需要的朋友可以參考下。2011-01-01
jQuery實(shí)現(xiàn)點(diǎn)擊標(biāo)題輸入詳細(xì)信息
點(diǎn)擊標(biāo)題，輸入詳細(xì)信息，點(diǎn)擊確定按鈕，完成，把不必要的選項(xiàng)隱藏，當(dāng)用戶真正有需要的時(shí)候，在顯示出來(lái)2013-04-04
通過(guò)jquery-ui中的sortable來(lái)實(shí)現(xiàn)拖拽排序的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇通過(guò)jquery-ui中的sortable來(lái)實(shí)現(xiàn)拖拽排序的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
這篇文章主要介紹了jQuery獲取剪貼板內(nèi)容的方法,結(jié)合實(shí)例形式分析了jQuery針對(duì)不同瀏覽器獲取剪貼板內(nèi)容的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06