Detail

详情容器，展示一条记录数据

API

IDetailProps

参数	类型	说明	默认值
flowField	string	该字段对应模型相应的枚举值，配置该字段会在 Detail 容器顶部渲染 Steps 步骤条。	-
onUpdate	string	单字段编辑保存触发的 Action	-
columnNum	number	详情分栏数	-
layout	’vertical’ | ‘horizontal’	label布局方式	-
isFoldable	boolean	详情卡片是否可折叠	-

通用属性见： 容器通用属性

用法

基础详情

<View title="详情容器" version="2">
  <Detail title="人员信息" model="trantor_doc_Person" columnNum="4">
    <Fields>
      <GroupField title="基本信息">
        <Field name="name" />
        <Field name="age" />
        <Field name="birthday" />
      </GroupField>
      <GroupField title="扩展信息">
        <Field name="avatar" />
        <Field name="password" />
        <Field name="credentials" />
        <Field label="部门名称" name="department.name" />
      </GroupField>
    </Fields>
  </Detail>
</View>

注意：当前例子为0.17.x 版本

详情关联

<View title="公司详情" version="2">
  <Detail title="公司详情" key="company" model="trantor_doc_Company" flowField="type" onUpdate="trantor_doc_Department_update">
    <Fields>
      <GroupField title="基本信息">
        <Field name="name"  />
        <Field name="type" editable="#{true}"/>
      </GroupField>
    </Fields>
  </Detail>

  <Table title="公司部门" model="trantor_doc_Department" dataCondition="department.id = ?" dataParams="[#company.id]">
    <Fields>
      <Field name="id" />
      <Field name="name" disabled="#{true}"/>
      <Field name="company"/>
      <Field name="isLarge"/>
    </Fields>
  </Table>
</View>

注意：当前例子为0.17.x 版本

详情场景及操作视屏入门教学