Jquery Easyui搜索框组件SearchBox使用详解(19)

本文实例为大家分享了Jquery Easyui搜索框组件的实现代码，供大家参考，具体内容如下

加载方式

班级加载

输入id=' ss ' class=' easui-搜索框' style=' width :300 px ' data-options=' prompt : '请输入值，菜单： ' # box ' '/Input div id=' box ' style=' width :120 px ' div数据-选项=' name : ' all '，iconcl s 3360 ' icon-ok ' '所有新闻/div数据-选项='name:'sports ' '鳀鱼新闻/div /divJS调用加载

输入id=' ss '/输入div id=' box ' style=' width :120 px ' div数据-选项='name:'all '，iconcl s 3360 ' icon-ok ' ' All News/div数据-选项=' name : ' Sports ' '体育新闻/div/div脚本$(函数(){ $('#ss ')).searchbox({ //组件宽度宽度： 500,//组件高度height: 30，//输入的值值：“spord”，//在用户按下搜索按钮或回车键的时候调用检查官函数搜索器：函数（值，名称){ alert(值','名称);}, //搜索类型菜单菜单： '#box '，//在输入框中显示提示消息提示： '请输入内容', //是否禁用搜索框disabled : false })；});/script属性列表

方法列表

//返回属性对象console.log($('#ss ').搜索框('选项')；//返回文本框对象console.log($('#ss ').搜索框(' textbox ')；//返回当前索引值console.log($('#ss ').搜索框(' GetVaLue ')；//改变当前索引值$('#ss ').searchbox('setValue '，'改变值') //选择指定的搜索类型$('#ss ').searchbox('selectName '，' sports ')；//返回当前索引类型值console.log($('#ss ').搜索框(' GetName ')；//重置搜索框宽度$('#ss ').searchbox('resize '，200)；//销毁搜索框$('#ss ').searchbox('销毁');//禁用和启用$('#ss ').搜索框(“禁用”)；$('#ss ').搜索框(' enable ')；//清理搜索框内容$('#ss ').搜索框('清除')；//重置搜索框内容$(文档)。dblclick(function () { $('#ss ')).搜索框(“重置”)；});//返回类型名对象var m=$('#ss ').searchbox('菜单');var item=m.menu('findItem '，'体育');m.menu('setIcon '，{ target: item.target，iconcl s 3360 ' icon-save ' })；//可以使用$.fn.searchbox.defaults重写默认值对象。以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。