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

【WEB前端开发】jQuery EasyUI API 中文文档 - ComboBox组合框_jquery
依赖
combo
用法
aitem1 bitem2 bitem3 ditem4 eitem5

复制代码 代码如下:
$('#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

请求远程的列表数据。

微信

  • 分享
  • 【WEB前端开发】jQuery EasyUI API 中文文档 - ComboBox组合框_jquery
  • 相关标签:ComboBox 组合框
  • 本文原创发布ki4网,转载请注明出处,感谢您的尊重!
    • 上一篇:基于jQuery的模仿新浪微博时间的组件_javascript技巧
    • 下一篇:javascript之bind使用介绍_javascript技巧

    相关文章

    相关视频

    • 原生javascript实现分享到朋友圈功能 支持...
    • jQuery链式调用与show知识浅析_jquer...
    • JS实现登录页面记住密码和enter键登录方法推荐...
    • BootstrapTable与KnockoutJS...
    • jQuery EasyUI API 中文文档 - ...
    • mvc架构
    • nginx集群原理及配置4
    • nginx集群原理及配置3
    • nginx集群原理及配置2

    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 【WEB前端开发】jQuery EasyUI API 中文文档 - ComboBox组合框_jquery
  • 立即提交

    专题推荐

    • 【WEB前端开发】jQuery EasyUI API 中文文档 - ComboBox组合框_jquery独孤九贱-php全栈开发教程

      全栈 100W+

      主讲:Peter-Zhu 轻松幽默、简短易学,非常适合PHP学习入门

    • 【WEB前端开发】jQuery EasyUI API 中文文档 - ComboBox组合框_jquery玉女心经-web前端开发教程

      入门 50W+

      主讲:灭绝师太 由浅入深、明快简洁,非常适合前端学习入门

    • 【WEB前端开发】jQuery EasyUI API 中文文档 - ComboBox组合框_jquery天龙八部-实战开发教程

      实战 80W+

      主讲:西门大官人 思路清晰、严谨规范,适合有一定web编程基础学习

    作者信息 【WEB前端开发】jQuery EasyUI API 中文文档 - ComboBox组合框_jquery

    ki4网

    认证0级讲师

    最近文章
    发布技术文章
    • 最新文章
    • 热门排行

      【WEB前端开发】jQuery EasyUI API 中文文档 - ComboBox组合框_jquery

    • NPM 使用介绍
    • Node.js 安装配置
    • Webpack 入门教程
    • 关于JS中闭包概念的详细讲解(附实例)
    • JS正则表达式精通实例讲解
    • 一篇文章让你详细了解何为JSON
    • Ajax完整详细教程(三)
    • Ajax完整详细教程(二)

      【WEB前端开发】jQuery EasyUI API 中文文档 - ComboBox组合框_jquery

    • RN布局的实例详解
    • jQ选择器汇总
    • vue.js中created方法的使用详解
    • 怎样实现Vue项目中使用Vux
    • json格式是什么?json格式文件怎么打开?
    • vuex里mapState,mapGetters使用详解
    • jquery实现点击查看更多内容控制段落文字展开折叠效果_jquery
    • 如何用JavaScript将字符串进行大小写转换(图文详解)
    推荐视频教程
  • 【WEB前端开发】jQuery EasyUI API 中文文档 - ComboBox组合框_jqueryjavascript初级视频教程
  • 【WEB前端开发】jQuery EasyUI API 中文文档 - ComboBox组合框_jqueryjquery 基础视频教程
  • 视频教程分类
    • php视频教程
    • html视频教程
    • css视频教程
    • JS视频教程
    • jQuery视频教程
    • mysql视频教程
    • Linux视频教程
    • Python视频教程