combobox,中文叫复合框,是把文本框和列表框的特性结合起来的一种控件,
这个控件,既能够输入文字,也能够像列表框同样选择选项数组
Combobox用法和方法参数:服务器
一、 须要引入class=" easyui-combobox”性能
二、 参数设置须要在data-options中设置ui
三、 属性参数配置:编码
valueField:基础数据值名称绑定到Combobox(提交值)url
textField:基础数据的字段名称绑定的Combobox(显示值)orm
mode:定义当文本改变时如何加载列表数据,当设置为remote模式下,什么类型的用户将被发送http请求参数名为'q'的服务器,以获取新的数据。对象
url:从远程URL来加载列表数据事件
method:http方法检索列表数据rem
data:列表中被加载的数据
filter:定义如何过滤本地数据“模式”设置为'local'
formatter:定义如何呈现行
loader:定义如何从远程服务器加载数据
四、 事件:
onBeforeLoad(param): 操做以前将数据加载,返回false就取消这个荷载做用
onLoadSuccess():触发时,远程数据加载成功
onLoadError:触发时,远程数据加载错误
ONSELECT:触发,当用户选择一个列表项
onUnselect:触发,当用户取消选择一个列表
五、方法:
options():返回选择对象
getData():返回加载的数据
loadData(data):加载列表数据
reload(url):从新加载远程数据列表
setValues(values):设置combobox的值数组
setValue(value):设置combobox的值
clear():清空combobox的值
select(value):选中指定的值
unselect(value):取消指定的值
使用easyui以后,对于Combobox来讲,获值有两种选择,"getValue‘和“getText”的选择源于咱们对combobox在data-option中的设定,
“valueField:”和“textField:”对应了getValue和getText,这样子对于键值对的选取就避免了屡次的I/O操做(编码和性能都提高),很方便。
combobox中使用getValue时:
(1)若是组合框中的内容是“123张振华”,最终在js中只能截取到“123”;
(2)若是组合框中的内容是"张振华123",在js中截取到的值为“张振华123”。
Combobox中使用getText时:
不论组合框中数字和字符的前后顺序,在js中截取到的值为整个字符串。