跳转到内容

容器通用标签

Fields

Field

参数说明类型默认值
name字段 Key , 如果为对一关联模型字段, 可以通过 . 取子字段, 例如: name 、 address.city string-
label标签名称,如果没有指定取字段上显示名称string-
renderType渲染器,可选, 具体见 Field RenderType  string-
show是否显示,  在 table 和 tableform 中不能在表达式中使用 this.recordboolean-
submit字段在表单中是否需要提交; show = false 时,默认值为 false ,其他情况下默认值为 trueboolean
readonly是否只读boolean-
editable是否可切换至编辑,table 和 detail 可用,需要配合 onUpdate 属性使用。boolean
dependFields表达式计算依赖字段, 例如: Field1,Field2string-
initValue可以为字段设置初始值, 可以是一个方法或表达式或普通属性
@initValue="return this.record.name"
initValue = "123456"
例子:
<Field name="partner" renderType="Text" @initValue="return this.record.partner[0].id" />
注意:有了 return , 不需要写函数体花括号, this 表示当前上下文:
{ record : any }
function | any-
helpText控件下方的文本提示(只适合在 form  和 detail 中使用)string-
fixed固定列可选值 true | false | left | right ,table 可用  stringfalse
columnSize在表格中指定列宽  small,middle,large 或者 默认宽度的倍数:1x,2x,nxmiddle

Field RenderType

编辑态:

类型说明适用字段类型
Input文本框Text
InputNumber数字输入框Number
Switch开关Boolean
Checkbox多选框Boolean
Radio单选框Enum
CheckboxGroup多选框组Enum
DatePicker日期选择Date、DateTime
DateRangePicker日期范围选择,仅限搜索Date、DateTime
TimePicker时间选择Time
TimeRangePicker日期范围选择,仅限搜索Time
Textarea多行文本MultiText
RichText富文本RichText
Select下拉选择Boolean、Enum
Password密码框Password
Email电子邮件Email
Phone电话Phone
Link链接Link
Transfer穿梭框Enum
Rate评分Rate
ModelSelect关联选择ToOne、ToMany
CascadeModelSelect关联自关联模型选择ToOne、ToMany
Image图片Image
Attachment附件Attachment
Address地址Address


显示态

类型说明适用字段类型
Boolean布尔值Boolean
Date日期Date、DateTime
Time时间Time
Enum枚举Enum
Rate评分Rate
MainField展示模型的 mainField  信息ToOne、ToMany
ModelInfo展示模型的默认字段信息,如果在表格中配置会展示成嵌套表样式ToOne、ToMany
Image图片Image
Attachment附件Attachment
Address地址Address
Text文本*


注意:editable 的字段 renderType 需要指定编辑态和显示态,编辑态要加上 editable 到控件上

<Field name="text" >
<RenderType>
<Link />
</RenderType>
</Field>

GroupField

例子见 Detail

参数说明类型默认值
title分组显示名称,在 Detail 和 Form 场景下显示为字段分组,在表格场景下显示为多级表头string-
label表格中表头分组名string-
singleColumn当前分组下的 field 单行展示,仅限于 Detail 容器和 Form 容器booleanfalse

Actions

数据容器级别操作

Action

参数说明类型默认值
label动作显示名string-
typeAction 类型,不同的类型对应不同的名称和样式,具体见 ActionType string-
renderType按钮渲染方式,可选值 `ButtonLink ,一般情况下为 Button ,表格行操作为 Link` , 树形场景下为结点操作string | 随场景
show显示条件boolean-
action对应 Action Key 或者一个方法, 如果是一个异步操作请返回 Promisestring | (actionContext) => void-
layout显示位置,可选值 `HeaderFooter` , 仅限于 Actions 下 Action 有效  string
disabled是否禁用booleanfalse
multi是否支持批量操作booleanfalse
context触发 action 时上下文,
:context="{modelKey:'user', record: {id:1}}" 也可以是一个方法
@context="return {modelKey:'user', record: {id:1}}" ,如果需要传多个值
:context="{modelKey:'user', record: [{id:1},{id:2]}"
object | function-
afterAction 完成后执行的动作,目前支持:  `Refresh(刷新当前数据容器)GoBack(返回上一视图)| Close (关闭当前视图,不刷新) | [Action Key] &#124; [Controller Method]  | string &#124; (actionContext) => void`-
openViewType仅限 View Action, 打开页面方式,可选项: Self | Blank | Dialog | Drawer | Columns stringself
openViewSize预设打开页面尺寸,Columns, Dialog, Dawer 可配置
Colums: xs: 25%;s: 33.3%;m: 50%;l: 66%;xl: 75%
Dialog: s: 560px;m: 960px;l: 1280px
Dawer: s: 560px;m: 720px;l: 960px
s | m | lColums 默认值“l”
Dialog 默认值 “m”
Drawer 默认值 “s”
env对于 View Action, 可传递参数至下一个页面,
对于 Server Action, 请求时会额外传递 env 参数
string-
confirm确认操作提示文案

<Action @confirm=“return ‘确认提交’” />
string | () => string-
passRelated将当前容器 related 关系作为 Context 传递给下一个视图boolean-
href配置一个链接地址,在同时配置 action 和 herf 的情况下, 只有 href 会生效string-
promptType配置 Action 错误提示类型的展示方式,可选项: toast | modal , 此属性已废弃,
请通过 Server Action 返回 message 来代替
stringtoast
validator配置 Action 的自定义校验, 如果返回值为 true(校验通过) 或 false(校验不通过,但是没有错误信息提示) 或 错误信息(context)=> boolean | string | Pormise<boolean | string>-
successTipserver action 执行成功后提示内容, 如果内容为空则不提示, 此属性已经废弃, 请通过 Server Action 返回 message 来代替string | ()=> string-
authKey配置为一个 actionKey, 用于交付控制台勾选鉴权string-

Action Type

action type 用于区分一些特殊的动作,如:提交动作、加载动作
<Action type="Submit" />  等价于 <SubmitAction /> 
<Action type="Download" />  等价于 <DownloadAction />

类型显示名称默认样式
Normal-normal
Create新增secondary
Edit修改normal
Delete删除danger
Download下载text primaty
Query搜索normal
Submit提交primary
Reset重置normal
Back返回primary
Cancel取消normal
Load加载, 见: 通过 View 加载数据normal
Payload提交normal

RecordActions

行级别操作, Table 中为行级别操作 , Tree 、 CascadeList 中为结点操作

参数说明类型默认值
label显示名称string-

Alert

数据容器级别提示信息, 位于 Title 下方, 例子

参数说明类型默认值
type指定警告提示的样式,有四种选择 success | normal | warning | errorstringnormal
message提示信息string-
show控制该控件的展示隐藏boolean-

Title

数据容器标题

参数说明类型默认值
title标题信息string-