jQuery EasyUI API 中文文档 - 组合(Combo)

简介: Combo  组合 扩展自 $.fn.validatebox.defaults 。 用 $.fn.combo.defaults 重写了 defaults 。   依赖 validatebox panel 用法 1. 2. 1. $('#cc').combo({   2.     required:true,   3.     multiple:true 4. });  特性 其特性扩展自 validatebox,下列是为 combo 增加的特性: 名称 类型 说明 默认值 Width number 组件的宽度。
+关注继续查看

Combo  组合

扩展自 $.fn.validatebox.defaults $.fn.combo.defaults 重写了 defaults

 

依赖

  • validatebox
  • panel

用法

1. <input id="cc" value="001">

2. <select id="cc"></select>

1. $('#cc').combo({  

2.     required:true,  

3.     multiple:true

4. }); 

特性

其特性扩展自 validatebox,下列是为 combo 增加的特性:

名称

类型

说明

默认值

Width

number

组件的宽度。

auto

panelWidth

number

下拉面板的宽度。

null

panelHeight

number

下拉面板的高度。

200

multiple

boolean

定义是否支持多选。

false

separator

string

多选时文本的分隔符。

,

editable

boolean

定义是否用户可以往文本域中直接输入文字。

true

disabled

boolean

定义是否禁用文本域。

false

hasDownArrow

boolean

定义是否显示向下箭头的按钮。

true

Value

string

默认值。

Delay

number

从最后一个键的输入事件起,延迟进行搜索。

200

keyHandler

object

当用户按键后调用的函数。默认的 keyHandler 像这样定义:

keyHandler: {

up: function(){},

down: function(){},

enter: function(){},

query: function(q){}

}

事件

说明

参数

说明

onShowPanel

none

当下拉面板显示的时候触发。

onHidePanel

none

当下拉面板隐藏的时候触发。

onChange

newValue, oldValue

当文本域的值改变的时候触发。

方法

其方法扩展自 validatebox,下列是为 combo 增加的方法。

名称

参数

说明

options

none

返回选项(options)对象。

panel

none

返回下拉面板对象。

textbox

none

返回文本框对象。

destroy

none

销毁组件。

resize

width

调整组件的宽度。

showPanel

none

显示下拉面板。

hidePanel

none

隐藏下拉面板。

disable

none

禁用组件。

enable

none

启用组件。

validate

none

验证输入的值。

isValid

none

返回验证结果。

clear

none

清除组件的值。

getText

none

获取输入的文本。

setText

text

设置文本值。

getValues

none

获取组件的值的数组。

setValues

values

设置组件的值的数组。

getValue

none

获取组件的值。

setValue

value

设置组件的值。

目录
相关文章
|
5月前
|
JavaScript 测试技术
Easyui 修改jquery validatebox为英文校验提示为中文提示
Easyui 修改jquery validatebox为英文校验提示为中文提示
52 0
|
前端开发 JavaScript 数据安全/隐私保护
jQuery EasyUI简明教程
1. 背景 EasyUI虽然样式比较固定,但是功能比较全面,而且入门比较简单,适合刚刚学习前端的童鞋们,此处拿出来讲讲如何使用EasyUI。
110 0
|
JavaScript 前端开发
jQuery +easyUI 实现双击编辑
jQuery +easyUI 实现双击编辑 DataGrid 数据表里面需要加属性 editor:’text’ 才能实现 $(function(){ $('#dg').datagrid({ url:'.
2007 0
|
JavaScript 容器
jQuery EasyUI 重写datagrid的datetimebox编辑类型
jQuery EasyUI 重写datagrid的datetimebox编辑类型
1841 0
|
JavaScript 前端开发 开发者
【原】jQuery easyUI 快速搭建前端框架
jQueryEasyUI jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。
1722 0
相关产品
云迁移中心
推荐文章
更多