zoukankan      html  css  js  c++  java
  • jQuery EasyUI API 中文文档 搜索框

    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="300px"></input> 

    9.           

    10. <div id="mm" style="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="120px">  

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

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

    5. </div>  

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

    7.     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

    重设组件的宽度。

  • 相关阅读:
    Spring MVC笔记(二) Hello World实例
    Spring MVC笔记(一) Spring MVC概述
    正则表达式在python中的应用
    Spring与Ibatis整合入门
    Spark GraphX的函数源码分析及应用实例
    Python爬虫获取迅雷会员帐号
    Linux Shell编程学习笔记
    Hadoop在linux下无法启动DataNode解决方法
    Ubuntu中使用终端运行Hadoop程序
    Hadoop2.6.0在Ubuntu Kylin14.04上的配置
  • 原文地址:https://www.cnblogs.com/hantianwei/p/2407041.html
Copyright © 2011-2022 走看看