Gitee
Appearance
List View 列表
List View 列表组件用来以摘要信息的形式展示数据。
基本用法
摘要视图
卡片视图
draggable属性
keepOrder属性
placeholder属性
disableField属性
multiSelect属性
multiSelectMode属性
分组
change事件
selectionChange事件
clickItem事件
removeItem事件
属性
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| data | Array | [] | 列表数组数据 |
| draggable | boolean | false | 是否可拖拽 |
| multiSelect | boolean | false | 是否支持多选 |
| multiSelectMode | string as MultiSelectMode | 'OnCheck' | 多选模式 |
| idField | string | 'id' | 定义列表的唯一标识字段 |
| valueField | string | 'id' | 值字段 |
| textField | string | 'name' | 文本字段 |
| titleField | string | 'name' | 标题字段 |
| view | string as ListViewType | 'ContentView' | 视图 |
| size | string as ListViewSize | 'default' | 尺寸 |
| placeholder | string | '' | 占位符 |
| header | string as ListViewHeaderType | 'ContentHeader' | 列表头 |
| headerClass | string | '' | 列表头类 |
| itemClass | string | '' | 项目类 |
| selectionValues | string as ListViewSize | 'default' | 已选列 |
| keepOrder | boolean | false | 是否保持排序 |
| disableField | string | 'disabled' | 不可操作字段 |
事件
| 事件名 | 参数 | 说明 |
|---|---|---|
| clickItem | string | 点击项事件 |
| selectionChange | string | 选择项改变事件 |
| removeItem | string | 删除项 |
| change | string | 拖动鼠标改变事件 |
插槽
TIP
暂无内容