扩展自 $.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' 时如何过滤数据。这个函数有两个参数： |
|
|
formatter |
function |
定义如何呈现行。这个函数有一个参数：row。 |
|
事件
其事件扩展自 combo，下列是为 combobox 增加的事件。
|
名称 |
参数 |
说明 |
|
onLoadSuccess |
none |
当远程数据加载成功时触发。 |
|
onLoadError |
none |
当远程数据加载失败时触发。 |
|
onSelect |
record |
当用户选择一个列表项时触发。 |
|
onUnselect |
record |
当用户取消选择一个列表项时触发。 |
方法
其方法扩展自 combo，下列是为 combobox 追加或重写的方法。
|
名称 |
参数 |
说明 |
|
options |
none |
返回 options 对象。 |
|
getData |
none |
返回加载的数据。 |
|
loadData |
data |
加载本地列表数据。 |
|
reload |
url |
请求远程的列表数据。 |
|
更多精彩内容其他人还在看
JavaScript this关键字指向常用情况解析这篇文章主要介绍了JavaScript this关键字指向常用情况解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0赞 0分享 vue cli 3.0通用打包配置代码,不分一二级目录这篇文章主要介绍了vue cli 3.0通用打包配置代码,不分一二级目录，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0赞 0分享 JavaScript事件循环及宏任务微任务原理解析这篇文章主要介绍了JavaScript事件循环及宏任务微任务原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0赞 0分享 vue打包静态资源后显示空白及static文件路径报错的解决这篇文章主要介绍了vue打包静态资源后显示空白及static文件路径报错的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0赞 0分享 vue-cli3访问public文件夹静态资源报错的解决方式这篇文章主要介绍了vue-cli3访问public文件夹静态资源报错的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0赞 0分享 vue或react项目生产环境去掉console.log的操作这篇文章主要介绍了vue或react项目生产环境去掉console.log的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0赞 0分享 解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题这篇文章主要介绍了解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0赞 0分享 |
