Dropdown

Maintainer: yazheng.yu

Contents

• Contents
• 下拉 | cc-dropdown / cc-dropdown-toggle / cc-dropdown-panel
  • cc-dropdown 指令配置参数
  • Examples
• 单选 | cc-dropdown-select
  • 指令配置参数
  • Examples
• 多选 | cc-dropdown-multiselect
  • 指令配置参数
  • Examples

下拉 | cc-dropdown / cc-dropdown-toggle / cc-dropdown-panel

cc-dropdown 指令配置参数

• is-open: (可选参数)，双向绑定的变量，控制/获取下拉打开/关闭的状态
• auto-close: Boolean(Expr)，(default: true)，设置下拉是否自动关闭
• on-dropdown-open: Function，(可选参数)，下拉打开后的回调
• on-dropdown-close: Function，(可选参数)，下拉关闭后的回调

Examples

单选 | cc-dropdown-select

指令配置参数

• model: 双向绑定的变量，值为选中项的 value
• datalist: Array (default: []) 数据源
• mapping: Object 自定义数据字段映射
  • valueField: String (default: ‘value’) 数据源值字段映射
  • displayField: String (default: ‘title’) 数据源显示字段映射
• placeholder: String (default: ‘’) 提示文本
• searchable: Boolean (default: false) 启用搜索功能
• disabled Boolean (default: false) 禁用下拉选择
• on-select-change: Function，(可选参数)，改变选择的回调
• is-open: 类似 cc-dropdown，但是是单向绑定
• auto-close: 同 cc-dropdown
• on-dropdown-open: 同 cc-dropdown
• on-dropdown-close: 同 cc-dropdown

Examples

多选 | cc-dropdown-multiselect

指令配置参数

• model: 双向绑定的变量，值为选中项的 value 列表
• datalist: Array (default: []) 数据源
• mapping: Object 自定义数据字段映射
  • valueField: String (default: ‘value’) 数据源值字段映射
  • displayField: String (default: ‘title’) 数据源显示字段映射
• placeholder: String (default: ‘’) 提示文本
• searchable: Boolean (default: false) 启用搜索功能
• confirm-button: Boolean (default: false) 启用”确认/取消”选择的按钮
• is-open: 类似 cc-dropdown，但是是单向绑定
• auto-close: 同 cc-dropdown
• on-dropdown-open: 同 cc-dropdown
• on-dropdown-close: 同 cc-dropdown

Examples