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

    重设组件的宽度。

  • 相关阅读:
    TP5 中通过Request获取到的 Action不同的环境,大小写不一样
    正则符号
    ubuntu mysql卸载重装
    ubuntu 多域名配置
    微信小程序-开发入门(一)
    Maven通过profiles多环境配置打包
    GitLab多机备份与恢复操作
    动态增加linux目录大小
    MQ队列及常见操作
    ②将SVN迁移到GitLab-多分支多标签迁移
  • 原文地址:https://www.cnblogs.com/hantianwei/p/2407041.html
Copyright © 2011-2022 走看看