Vue EasyUI 下拉列表框

2020-06-24 15:40 更新

下拉列表框( ComboBox )显示一个可编辑的文本框以及下拉列表。 下拉列表框( ComboBox )顶部可直接输入文本,也可以从列表中选择若干个预设的值。

属性列表

名称 数据类型 作用描述 默认值
value string, number, array 字段值。 null
data array 要加载的数据。 [ ]
valueField string 绑定到此组件的底层数据值名称。 value
textField string 绑定到此组件的基础数据字段名。 text
limitToList boolean 为True时,将输入值限制为列出的项。 true
lazy boolean 是否延迟加载数据。 false
virtualScroll boolean 是否启用虚拟滚动。 false
rowHeight number 行高度,当virtualScroll设置为true时启用此属性。 30
pageNumber number 设置virtualScroll属性时,初始化页码 1
pageSize number 设置virtualScroll属性时,初始化页面大小。 10
total number 设置virtualScroll属性时,初始化总记录数。 0

事件列表

名称 参数 作用描述
selectionChange event 更改选择时触发。
filterChange pageNumber, pageSize, filterValue 当过滤器值更改时触发。

作用域

名称 参数 作用描述
item row,rowIndex 数据项的作用域。

注:
- 继承: ComboBox 。

使用方法

  • 通过 HTML 标记创建组合框( ComboBox )

<Label for="c1" align="top">选择一个值:</Label>
<ComboBox inputId="c1" v-model="value" :data="data"></ComboBox>
<p v-if="value">选择值: {{value}}</p>
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号