本文实例为大家分享了Jquery Easyui搜索框组件的实现代码,供大家参考,具体内容如下
加载方式
Class加载
Box" style="width:300px"
data-options="prompt:'Please Input Value',menu:'#Box'">
Box" style="width:120px">
JS调用加载
Box" style="width:120px">
属性列表
方法列表
属性对象
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 重写默认值对象。