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對(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)文章
JQuery與Ajax常用代碼實(shí)現(xiàn)對(duì)比
JQuery與Ajax常用代碼實(shí)現(xiàn)對(duì)比，大家可以看下，根據(jù)實(shí)際情況選用。2009-10-10
其實(shí)我認(rèn)為這個(gè)功能用處未必大，因?yàn)槲以谧约旱木W(wǎng)站搜索欄上添加這個(gè)功能已經(jīng)兩周了，居然還沒有人發(fā)現(xiàn)的樣子。2009-06-06
這篇文章主要介紹了jQuery 自定義下拉框(DropDown)的相關(guān)資料,需要的朋友可以參考下2016-07-07
Jquery+CSS3實(shí)現(xiàn)一款簡(jiǎn)潔大氣帶滑動(dòng)效果的彈出層
此Jquery特效是一款Jquery+CSS3實(shí)現(xiàn)簡(jiǎn)潔大氣帶滑動(dòng)效果的彈出層，在消息提示、彈出層顯示內(nèi)容、彈出層登錄等，帶遮罩效果，感興趣的朋友可以參考下哈，希望可以幫助到你2013-05-05
jquery(javascript)自動(dòng)序列編號(hào)和屬性編號(hào)實(shí)現(xiàn)代碼
jquery(javascript)自動(dòng)序列編號(hào)和屬性編號(hào)實(shí)現(xiàn)代碼，需要的朋友可以參考下2012-07-07
jQuery 導(dǎo)航自動(dòng)跟隨滾動(dòng)的實(shí)現(xiàn)代碼
這篇文章主要介紹了jQuery 導(dǎo)航自動(dòng)跟隨滾動(dòng)的實(shí)現(xiàn)代碼,需要的朋友可以參考下2018-05-05
本篇文章介紹了，基于jQuery選擇器的整理集合。需要的朋友參考下2013-04-04
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