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>
以上内容是否对您有帮助:
更多建议: