jQuery+easyui中的combobox实现下拉框特效
作者:bea
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 d
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的下拉框特效,大家自由选择,希望小伙伴们能够喜欢
有用 | 无用
代码如下:
<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的下拉框特效,大家自由选择,希望小伙伴们能够喜欢
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- jQuery实现的输入框选择时间插件用法实例
- jQuery对象和DOM对象之间相互转换的方法介绍
- JavaScript生成随机数的4种自定义函数分享
- 浅析JavaScript事件和方法
- 常用的JavaScript WEB操作方法分享
- js实现点击图片改变页面背景图的方法
- 本人自用的global.js库源码分享
- JS限制文本框只能输入数字和字母方法
- javascript计时器详解
- Lab.js初次使用笔记
- js实现鼠标感应图片展示的方法
- JQuery基础语法小结
- JS实现网页背景颜色与select框中颜色同时变化的方法
- 分析了一下JQuery中的extend方法实现原理
- JS实现在页面随时自定义背景颜色的方法
- JQuery中绑定事件(bind())和移除事件(unbind())
- Jquery中Event对象属性小结
- jQuery中hover方法和toggle方法使用指南
- JS实现往下不断流动网页背景的方法