时间:2021-05-26
扩展自 $.fn.combo.defaults。 用 $.fn.combobox.defaults 重写了 defaults。
依赖
combo
用法
<select id="cc" name="dept" style="width:200px;">
<option value="aa">aitem1</option>
<option>bitem2</option>
<option>bitem3</option>
<option>ditem4</option>
<option>eitem5</option>
</select>
<input id="cc" name="dept" value="aa">
复制代码 代码如下:
$('#cc').combobox({
url:'combobox_data.json',
valueField:'id',
textField:'text'
});
json 数据格式的示例
复制代码 代码如下:
[{
"id":1,
"text":"text1"
},{
"id":2,
"text":"text2"
},{
"id":3,
"text":"text3",
"selected":true
},{
"id":4,
"text":"text4"
},{
"id":5,
"text":"text5"
}]
特性
其特性扩展自 combo,下列是为combobox 增加的特性。
名称
类型
说明
默认值
valueField
string
绑定到 ComboBox 的 value 上的基础数据的名称。
value
textField
string
绑定到 ComboBox 的 text 上的基础数据的名称。
text
mode
string
定义在文本改变时如何加载列表数据。如果组合框从服务器加载就设为 'remote' 。
local
url
string
从远程加载列表数据的 URL 。
null
method
string
用来检索数据的 http method 。
post
data
array
被加载的列表数据。
null
filter
function
定义当 'mode' 设为 'local' 时如何过滤数据。这个函数有两个参数:
q:用户输入的文字
row:列表中的行数据。
返回 true 就允许显示该行。
formatter
function
定义如何呈现行。这个函数有一个参数:row。
事件
其事件扩展自 combo,下列是为 combobox 增加的事件。
名称
参数
说明
onLoadSuccess
none
当远程数据加载成功时触发。
onLoadError
none
当远程数据加载失败时触发。
onSelect
record
当用户选择一个列表项时触发。
onUnselect
record
当用户取消选择一个列表项时触发。
方法
其方法扩展自 combo,下列是为 combobox 追加或重写的方法。
名称
参数
说明
options
none
返回 options 对象。
getData
none
返回加载的数据。
loadData
data
加载本地列表数据。
reload
url
请求远程的列表数据。
setValues
values
把数组设置为组合框的值。
setValue
value
设置组合框的值。
clear
none
清除组合框的值。
select
value
选择指定的选项。
unselect
value
取消选择指定的选项。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
我在做项目时,经常用到easyUI框架,今天总结一下easyUI中的combobox吧创建easyui-combobox的方法,在easyUI的官网都有:1、从
1、背景在使用EasyUI各表单组件时,尤其是使用ComboBox(下拉列表框)、DateBox(日期输入框)、DateTimeBox(日期时间输入框)这三个组
1、背景在使用EasyUI各表单组件时,尤其是使用ComboBox(下拉列表框)、DateBox(日期输入框)、DateTimeBox(日期时间输入框)这三个组
Q0,新手必看教程:第一步,jQuery中文入门指南,翻译加实例,jQuery的起点教程第二步,下载手册方便查询(jQuery1.41中文API文档chm版)第
前言本文属于系列问题,需要的朋友们开始之前可以参考以下的两篇文章:1、three.js中文文档学习之创建场景2、three.js中文文档学习之通过模块导入如果你