combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
2010-04-15 00:00
344 查看
简介
对于combox功能实现的最小化js代码,页面原型参考dojo的combox模样,支持键盘动作以及自动筛选,高亮等
API
初始化方法
编码方式
var c=new combox(document.getElementById('a'));
或者
var c=new combox(document.getElementById('a'),{ debug:true });
Css申明方式
<select class="combox" debug="true">
只要class中包含了combox即可,class中同时包含其他样式也可以。如
<select class="abc combox def">
亦可
配置参数说明
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为双击
举例:
var c=new combox(document.getElementById('a'),{
allowAnyValue:true,
pleasSelect:'请选择',
debug:true })
或者
<select class="combox" allowAnyValue="true" pleasSelect="请选择" debug="true">
亦可
项目的google code地址
http://code.google.com/p/enhancehtml/
效果
演示地址http://demo.jb51.net/js/combox/demo.htm
下载地址http://jb51.net/jiaoben/25840.html
对于combox功能实现的最小化js代码,页面原型参考dojo的combox模样,支持键盘动作以及自动筛选,高亮等
API
初始化方法
编码方式
var c=new combox(document.getElementById('a'));
或者
var c=new combox(document.getElementById('a'),{ debug:true });
Css申明方式
<select class="combox" debug="true">
只要class中包含了combox即可,class中同时包含其他样式也可以。如
<select class="abc combox def">
亦可
配置参数说明
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为双击
举例:
var c=new combox(document.getElementById('a'),{
allowAnyValue:true,
pleasSelect:'请选择',
debug:true })
或者
<select class="combox" allowAnyValue="true" pleasSelect="请选择" debug="true">
亦可
项目的google code地址
http://code.google.com/p/enhancehtml/
效果
演示地址http://demo.jb51.net/js/combox/demo.htm
下载地址http://jb51.net/jiaoben/25840.html
相关文章推荐
- combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
- 共享下改进后的combox,页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
- 今天用httpclient访问jenkins遇到请求被转发到登录页面,看了网上的一些教程也没能解决。后来参考了下官方文档解决了,代码如下
- 使用Jquery搭建最佳用户体验的登录页面 之 记住密码自动登录功能,(含后台代码)
- jquery实现页面置顶功能代码
- 使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
- NHibernate+spring.net+jquery打造UI控件库(mvc+webform两种实现) combox,shadow控件的初步实现(包括键盘,过滤功能)(附代码下载)
- 使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
- jQuery参考实例 1.2 在DOM加载完毕,页面元素完全加载之前运行jQuery/JavaScript代码
- MyEclipse8.6 web中jsp页面出现jquery,dojo等代码自动提示
- iOS appstore评分和进入app安装页面代码=打电话、发短信、发邮件功能开发,
- jquery回到页面顶部代码案例
- Axure基本功能介绍——在原型中重新生成当前页面
- jQuery插件开发发送短信倒计时功能代码
- bootloader----自己写的,部分代码是参考网上的,转入pro模式后问题很多!
- jquery调用asp.net 页面后台的实现代码
- JQuery实现定时刷新功能代码
- jquery+ajax每秒向后台发送请求数据然后返回页面的代码
- AJAX实现页面选项卡、隔行换色、弹出层功能代码
- jQuery实现倒计时按钮功能代码分享