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)文章
JQuery與Ajax常用代碼實(shí)現(xiàn)對比
JQuery與Ajax常用代碼實(shí)現(xiàn)對比,大家可以看下,根據(jù)實(shí)際情況選用。2009-10-10
Jquery+CSS3實(shí)現(xiàn)一款簡潔大氣帶滑動效果的彈出層
此Jquery特效是一款Jquery+CSS3實(shí)現(xiàn)簡潔大氣帶滑動效果的彈出層,在消息提示、彈出層顯示內(nèi)容、彈出層登錄等,帶遮罩效果,感興趣的朋友可以參考下哈,希望可以幫助到你2013-05-05
jquery(javascript)自動序列編號和屬性編號實(shí)現(xiàn)代碼
jquery(javascript)自動序列編號和屬性編號實(shí)現(xiàn)代碼,需要的朋友可以參考下2012-07-07
jQuery 導(dǎo)航自動跟隨滾動的實(shí)現(xiàn)代碼
這篇文章主要介紹了jQuery 導(dǎo)航自動跟隨滾動的實(shí)現(xiàn)代碼,需要的朋友可以參考下2018-05-05
jQuery實(shí)現(xiàn)鼠標(biāo)滑過Div層背景變顏色的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)滑過Div層背景變顏色的方法,涉及jQuery中hover及addClass方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
jQuery EasyUI API 中文文檔 - Calendar日歷使用
jQuery EasyUI API 中文文檔 - Calendar日歷使用,需要的朋友可以參考下。2011-10-10
jquery插件EasyUI中form表單提交實(shí)例分享
這篇文章主要介紹了jquery插件EasyUI中form表單提交實(shí)例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-01-01

