jQuery EasyUI API 中文文档 - 搜索框

简介: SearchBox  搜索框 用$.fn.searchbox.defaults重写defaults。 依赖menubutton用法示例创建SearchBox1. 从标记创建。把 'easyui-searchbox' 类加入到标记。
SearchBox  搜索框

$.fn.searchbox.defaults重写defaults

依赖

  • menubutton

用法示例

创建SearchBox

1. 从标记创建。把 'easyui-searchbox' 类加入到<input/>标记。

1. <script type="text/javascript"> 

2.     function qq(value,name){  

3. alert(value+":"+name)

4.     }  

5. </script> 

6. <input id="ss" class="easyui-searchbox" 

7.         searcher="qq" 

8.         prompt="Please Input Value" menu="#mm" style="width:300px"></input> 

9.           

10. <div id="mm" style="width:120px"> 

11.     <div name="all" iconCls="icon-ok">All News</div> 

12.     <div name="sports">Sports News</div> 

13. </div> 

2. 编程创建。

1. <input id="ss"></input>  

2. <div id="mm" style="width:120px">  

3.     <div name="all" iconCls="icon-ok">All News</div>  

4.     <div name="sports">Sports News</div>  

5. </div>  

6. $('#ss').searchbox({  

7.     width:200,  

8.     searcher:function(value,name){  

9.         alert(value + "," + name)  

10.     },  

11.     menu:'#mm',  

12.     prompt:'Please Input Value' 

13. }); 

特性

名称

类型

说明

默认值

width

number

设置组件宽度。

auto

propmt

string

显示在输入框里的提示信息。

''

value

string

输入的值。

''

menu

selector

搜索类型的菜单。

null

searcher

function(value,name)

函数,当用户按搜索按钮或者按ENTER键时被调用。

null

方法

名称

参数

说明

options

none

返回options对象。

menu

none

返回搜索类型的菜单对象。

textbox

none

返回文本框对象。

getValue

none

返回当前的搜索用值。

setValue

value

设置新的搜索用值。

getName

none

返回当前搜索类型的名称。

destroy

none

销毁这个组件。

resize

width

重设组件的宽度。

目录
相关文章
|
29天前
|
敏捷开发 JavaScript 前端开发
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
|
27天前
|
JavaScript 前端开发 搜索推荐
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
|
29天前
|
前端开发 JavaScript API
【uni-app】【基于jQuery Ajax】[sd.js]最新原生完整版for凯哥API版本
【uni-app】【基于jQuery Ajax】[sd.js]最新原生完整版for凯哥API版本
|
8月前
|
Web App开发 JavaScript 前端开发
SAP UI5 应用开发教程之四十五 - 如何在 SAP UI5 应用里使用 jQuery 和原生的 DOM API
SAP UI5 应用开发教程之四十五 - 如何在 SAP UI5 应用里使用 jQuery 和原生的 DOM API
28 0
|
9月前
|
存储 JavaScript 前端开发
jQuery 常用API
jQuery 常用API
34 0
|
10月前
|
缓存 JavaScript 程序员
jQuery 常用API 3
jQuery 常用API
57 0
|
10月前
|
JavaScript 前端开发 API
jQuery 常用API 2
jQuery 常用API
57 0
|
10月前
|
JavaScript API
jQuery 常用API 1
jQuery 常用API
58 0
|
JavaScript 测试技术
Easyui 修改jquery validatebox为英文校验提示为中文提示
Easyui 修改jquery validatebox为英文校验提示为中文提示
82 0
|
JSON 前端开发 JavaScript
【前端】使用jQuery实现一个简单的在线页面或API接口请求功能
对于测试人员来说,借助一些测试工具非常的重要,像postman等工具,很方便就能发起api接口的请求和测试 但是,对于开发人员来说,有时候未必一开始就使用这些工具,有可能电脑原因未安装到这些工具或者太麻烦 基于这样一个情况,本篇文章就来简单实现下在线页面发起http的get或post请求的功能 作者:全栈小5 链接:https://juejin.cn/post/7107132057263800327 来源:稀土掘金 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
365 0