EApplet
支持的类型:有 list,simple-list,search-list,new,edit,detail,popup-detail,header-detail。其中 EApplet/list
列表,和 EView/list
相比,无视图的选择和保存,无数据权限,无设置按钮,仅用来展示数据,仅支持无限滚动,同时每列支持筛选,批处理按钮仅显示 icon。
基础示例
通过设置 EApplet
组件的属性 template
为 list
使用。
EApplet/list
组件接口
名称 | 位置 | 描述 |
config | props | 列表视图配置 |
selectedRows | props | 选中行。如果为 undefined 则不显示复选框 |
refresh | props | 最后一次刷新时间 |
changedRows | props | 表示变更的数据,用于无限滚动列表新建、编辑、删除数据后不刷新列表的场景,不设置时,新增、编辑、删除数据都需要调用查询接口刷新数据。字段一 type(string 类型): remove(删除) |
Slots
名称 | 描述 |
默认 slot | 默认 slot 用来放一些 Dialog |
header-infix | 在列表头部追加一些说明信息等 |
列的id | 自定义列 |
batch-buttons | 批量处理或上下文无关按钮 |
inline-buttons | 行处理按钮 |
config
字段详细说明
名称 | 描述 |
entity | String,实体,用来查询数据,保存视图等使用,如列表数据查询 url 为: {config.urlPrefix}/v1/{config.entity}/query/{dataScope} |
name | String,实体名称,在列表头部显示 |
icon | String,实体 logo,也可以直接填写 font icon 名称,列表头部 icon |
urlPrefix | String,所有数据查询、设置相关接口的 URL 前缀,不需要包含实体名称 |
overrideRequestParams | Object,往请求 body 中加参数 |
overrideRequestOptions | Function,修改请求参数函数,入参是请求参数对象,要求返回请求参数对象,如:(reqOpt) => ({url: reqOpt.url, body: reqOpt.body, headers: {...reqOpt.headers, timestamp: '1592202404353'}}) |
columns | Object[],所有的列集合,包括不展示的 |
id | String,列 Id,用于 slot 等功能中,列自定义时,id 作为具名 slot 的名称 |
name | String,列名 |
field | String,对应的字段名称,和查询接口 filter 参数的 items: [{field: 'name', op: 'eq', value: 'xxx'}] 中的 field 字段对应 |
dataType | String,字段的数值类型,字符串(string)、数字(number)、日期(date)、布尔(boolean)。不同值类型支持的筛选操作不一样,如日期不支持”包含“。 |
component | String,可以通过 slot 指定 column 的组件,也可以在这里指定 column 要用的全局组件名。组件必须支持 value props,value 就是字段的值。 |
template | String,可以通过 slot 指定 column 的组件,也可以在这里指定 column 要用的 EColumn 模板,EColumn 模版包括 lov、date、pick-list |
templateProps | String,和 template 搭配,slot 指定 column 的组件的 props |
visible | Boolean,是否展示在表格列中 |
sortable | Boolean,是否可以排序 |
filterable | Boolean,是否可以筛选 |
termQuery | Boolean,是否支持全文检索(模糊查询) |
wordWrap | Boolean,是否折行展示 |
width | Number,默认宽度,像素 |
batchButtons | Object[],支持自定义,批量处理按钮,位于大列表头部右上位置,最多出现三个,超过显示下拉,出现在下拉中,结构为{name: String, icon: String, loadingIcon: String, event: String},name: 按钮名称。如果是行内按钮,则一般不会显示出来;icon:按钮 Icon。行内按钮一般只展示 Icon;loadingIcon: 如果不填,则是用默认的 Loading。如果填入 false,则不显示加载中状态;event:点击时抛出的事件 |
inlineButtons | Object[],支持自定义,行内按钮列表,参考 batchButtons 的定义。行内按钮抛出事件时,事件内容就是所在行记录 |