本文实例为大家分享了Jquery Easyui搜索框组件的实现代码,供大家参考,具体内容如下
加载方式
Class加载
rush:xhtml;">
Box" style="width:300px"
data-options="prompt:'Please Input Value',menu:'#Box'">
Box" style="width:120px">
JS调用加载
rush:js;">
Box" style="width:120px">
属性列表
方法列表
rush:js;">
//返回属性对象
console.log($('#ss').searchBox('options'));
//返回文本框对象
console.log($('#ss').searchBox('textBox'));
//返回当前索引值
console.log($('#ss').searchBox('getValue'));
//改变当前索引值
$('#ss').searchBox('setValue','改变值')
//选择指定的搜索类型
$('#ss').searchBox('selectName','sports');
//返回当前索引类型值
console.log($('#ss').searchBox('getName'));
//重置搜索框宽度
$('#ss').searchBox('resize',200);
//销毁搜索框
$('#ss').searchBox('destroy');
//禁用和启用
$('#ss').searchBox('disable');
$('#ss').searchBox('enable');
//清理搜索框内容
$('#ss').searchBox('clear');
//重置搜索框内容
$(document).dblclick(function () {
$('#ss').searchBox('reset');
});
//返回类型名对象
var m = $('#ss').searchBox('menu');
var item = m.menu('findItem','体育');
m.menu('setIcon',{
target: item.target,iconCls: 'icon-save'
});
//可以使用$.fn.searchBox.defaults 重写默认值对象。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。
原文地址:https://www.jb51.cc/jquery/43430.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。