欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小】,下面是详细的讲解!
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
简介
对于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功能强,代码更小的用户互动如下:
相关问题:在下刚刚接触jquery easyui,请问各位大神如何从数...
答:在onLoadSuccess事件里将接受到的数据放到combox中呢 >>详细
相关问题:有用过jQuery ligerUI插件的ComboxTree吗
答:ligerTree的功能列表: 1,支持本地数据和服务器数据(配置data或者url) 2,支持原生html生成Tree 3,支持动态获取增加/修改/删除节点 4,支持大部分常见的事件 5,支持获取选中行等常见的接口方法 二,第一个例子 引入库文件 遵循LigerUI系列插件的设... >>详细
相关问题:有用过jQuery ligerUI插件的ComboxTree吗
答:ligerTree的功能列表: 1,支持本地数据和服务器数据(配置data或者url) 2,支持原生html生成Tree 3,支持动态获取增加/修改/删除节点 4,支持大部分常见的事件 5,支持获取选中行等常见的接口方法 二,第一个例子 引入库文件 遵循LigerUI系列插件的设... >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【ajax】用js来解决ajax读取页面乱码-页面乱码
- 【addEventListener】addEventListener和attachEv
- 【dom】javascript dom追加内容实现示例-追加内容
- 【has】基于jquery的has()方法以及与find()方法以
- 【browser】jQuery下通过$.browser来判断浏览器.-
- 【extjs】Extjs入门之动态加载树代码-动态加载树
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
