combox功能实现的js代码(自动筛选,高亮)免费下载
【资源属性】:资源名称:combox功能实现的js代码(自动筛选,高亮)
资源大小:16KB
资源类别: js框架 》 ajax/javascript
更新时间:2023-04-27
资源语言:简体中文
授权方式:免费下载
使用平台:Windows/Linux/Mac
下载地址:下载地址
对于combox功能实现的最小化js代码,页面原型参考dojo的combox模样,支持键盘动作以及自动筛选,高亮等
/*
* combox是对于传统select控件的简单封装,改善了原来的select控件不支持手动输入内容,以及内容过多定位麻烦的问题
* 支持输入内容自动查找,全键盘操作(上下,翻页,回车,Esc),支持鼠标操作(选择,滚动,点击)
*
* 使用方法:
* 首先页面上一定要一个select或者input text作为基本组件,对于combox最终提交的值也是存放在这个select/input text里面的
*
* 标准模式
*
* 假如页面有一个id为a的select
* 例如: var a = new combox(document.getElementById('a'))
* 将该select自动转换为combox,默认的搜索模式为模糊搜索
*
* 高级模式:
*
* 高级模式就是在标准模式的基础上,加入配置参数对象
* 例如: var bbb = new combox(document.getElementById('bbb'), {debug: false,searchMode: 1});
* 这里传入的参数2为一个对象,在这个对象里面,可以设置combox的各种配置信息
* debug: true/false,是否显示原始的select元素可见
* searchMode: 0为模糊不区分大小写,1为前缀搜索不区分大小写
* remoteSourceUrl:远程数据源url,支持json格式为下
* [
* {"text":"a","value":"b"},
* {"text":"a1","value":"b1"}
* ]
* remoteFilterUrl:筛选时候读取的远程url,参数为xxxx?asdasd=~!value!~,~!value!~为宏,在触发时会被替换为当前输入框的值
* allowAnyValue:默认为false,不允许combox输入非options内的数据
* displayValue:combox的显示值,当displayValue在combox的options里面能够找到与之对应的value时候,它显示该option的text,否则他显示displayValue
* pleaseSelect:当combox的txtBox值为pleaseSelect的文本时,下拉时展开所有options
* mouseDblClick:0为单击,1为双击
*
*/
/*
* combox是对于传统select控件的简单封装,改善了原来的select控件不支持手动输入内容,以及内容过多定位麻烦的问题
* 支持输入内容自动查找,全键盘操作(上下,翻页,回车,Esc),支持鼠标操作(选择,滚动,点击)
*
* 使用方法:
* 首先页面上一定要一个select或者input text作为基本组件,对于combox最终提交的值也是存放在这个select/input text里面的
*
* 标准模式
*
* 假如页面有一个id为a的select
* 例如: var a = new combox(document.getElementById('a'))
* 将该select自动转换为combox,默认的搜索模式为模糊搜索
*
* 高级模式:
*
* 高级模式就是在标准模式的基础上,加入配置参数对象
* 例如: var bbb = new combox(document.getElementById('bbb'), {debug: false,searchMode: 1});
* 这里传入的参数2为一个对象,在这个对象里面,可以设置combox的各种配置信息
* debug: true/false,是否显示原始的select元素可见
* searchMode: 0为模糊不区分大小写,1为前缀搜索不区分大小写
* remoteSourceUrl:远程数据源url,支持json格式为下
* [
* {"text":"a","value":"b"},
* {"text":"a1","value":"b1"}
* ]
* remoteFilterUrl:筛选时候读取的远程url,参数为xxxx?asdasd=~!value!~,~!value!~为宏,在触发时会被替换为当前输入框的值
* allowAnyValue:默认为false,不允许combox输入非options内的数据
* displayValue:combox的显示值,当displayValue在combox的options里面能够找到与之对应的value时候,它显示该option的text,否则他显示displayValue
* pleaseSelect:当combox的txtBox值为pleaseSelect的文本时,下拉时展开所有options
* mouseDblClick:0为单击,1为双击
*
*/