jQuery+easyui中的combobox实现下拉框特效


Posted in Javascript onFebruary 27, 2015

1.第一种写法:Input框中显示:

<input id="cc" class="easyui-combobox" name="name" data-options="valueField:'value',textField:'text',data:[{'value':'1','text':'java'},{'value':'2','text':'C#'}]"/> 

2. 第二种用法,在list列表中显示:

<th data-options="field:'lb',editor:{type:'combobox',options:{data:[{'value':'1','text':'java'},{'value':'2','text':'C#'}],valueField:'value',textField:'text'}}">类别</th> 

3. 第二种的另一种写法:

<th field="level" editor="{   

    type:'combobox',    

    options:{  

        data:[    

            {'value':'1','text':'java'},  

            {'value':'2','text':'C#'}  

        ],  

    valueField:'id',    

    textField:'text'}}">    

    类别</th>

以上3种方法均可实现jQuery.easyui的下拉框特效,大家自由选择,希望小伙伴们能够喜欢

Javascript 相关文章推荐
JS中数组Array的用法示例介绍
Feb 20 Javascript
JavaScript中读取和保存文件实例
May 08 Javascript
jQuery实现为图片添加镜头放大效果的方法
Jun 25 Javascript
通用无限极下拉菜单的实现代码
May 31 Javascript
jQuery为某个div加入行样式
Jun 09 jQuery
tween.js缓动补间动画算法示例
Feb 13 Javascript
深入理解js A*寻路算法原理与具体实现过程
Dec 13 Javascript
用Fundebug插件记录网络请求异常的方法
Feb 21 Javascript
Webpack按需加载打包chunk命名的方法
Sep 22 Javascript
在Vue中实现随hash改变响应菜单高亮
Mar 09 Javascript
使用Typescript和ES模块发布Node模块的方法
May 25 Javascript
Vue实现鼠标经过文字显示悬浮框效果的示例代码
Oct 14 Javascript
asp.net+js实现金额格式化
Feb 27 #Javascript
JavaScript检测浏览器cookie是否已经启动的方法
Feb 27 #Javascript
jQuery如何防止这种冒泡事件发生
Feb 27 #Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
Feb 27 #Javascript
JavaScript获取元素尺寸和大小操作总结
Feb 27 #Javascript
JS+CSS实现带关闭按钮DIV弹出窗口的方法
Feb 27 #Javascript
Javascript writable特性介绍
Feb 27 #Javascript
You might like
php实现的CSS更新类实例
2014/09/22 PHP
php中类和对象:静态属性、静态方法
2017/04/09 PHP
php获取ajax的headers方法与内容实例
2017/12/27 PHP
实例讲解PHP表单处理
2019/02/15 PHP
laravel框架 api自定义全局异常处理方法
2019/10/11 PHP
ThinkPHP5.1验证码功能实现的示例代码
2020/06/08 PHP
使用户点击后退按钮使效三行代码
2007/07/07 Javascript
javascript网页关键字高亮代码
2008/07/30 Javascript
基于jQuery的公告无限循环滚动实现代码
2012/05/11 Javascript
js获取元素相对窗口位置的实现代码
2014/09/28 Javascript
javascript下拉列表中显示树形菜单的实现方法
2015/11/17 Javascript
Java遍历集合方法分析(实现原理、算法性能、适用场合)
2016/04/25 Javascript
基于jQuery ligerUI实现分页样式
2016/09/18 Javascript
jQuery webuploader分片上传大文件
2016/11/07 Javascript
微信小程序 Windows2008 R2服务器配置TLS1.2方法
2016/12/05 Javascript
vue组件父子间通信之综合练习(聊天室)
2017/11/07 Javascript
JS与SQL方式随机生成高强度密码示例
2018/12/29 Javascript
vue2.0中set添加属性后视图不能更新的解决办法
2019/02/22 Javascript
Vue 进阶之路(三)
2019/04/18 Javascript
uni-app实现点赞评论功能
2019/11/25 Javascript
python求众数问题实例
2014/09/26 Python
Python设计模式编程中解释器模式的简单程序示例分享
2016/03/02 Python
Linux RedHat下安装Python2.7开发环境
2017/05/20 Python
Python使用matplotlib简单绘图示例
2018/02/01 Python
用python处理图片实现图像中的像素访问
2018/05/04 Python
Python绘制频率分布直方图的示例
2019/07/08 Python
python matplotlib画盒图、子图解决坐标轴标签重叠的问题
2020/01/19 Python
python 代码实现k-means聚类分析的思路(不使用现成聚类库)
2020/06/01 Python
Python配置pip国内镜像源的实现
2020/08/20 Python
联想台湾官网:Lenovo TW
2018/05/09 全球购物
经典优秀个人求职自荐信格式
2013/09/25 职场文书
优秀员工个人的自我评价
2013/11/29 职场文书
2014年导购员工作总结
2014/11/18 职场文书
python实现自动清理文件夹旧文件
2021/05/10 Python
python如何正确使用yield
2021/05/21 Python
详解Golang如何优雅的终止一个服务
2022/03/21 Golang