跳转到内容

根 View

View

根布局:根据页面布局,自上而下的放置数据容器或者布局容器来描述页面渲染 操作的范围:每一个完整视图,我们都应当在每个视图都用View标签包裹

View API

IViewProps

参数类型说明默认值
titlestring页面标题(大标题)-
subTitlestring页面标题(小标题),建议使用 subtitle,两者等效-
subtitlestring页面标题(小标题)-
versionstringDSL版本号 DSLv2 标记为version=“2”-
contextFromstring | { moduleKey: string; param?: any }填写页面ctx来源模块名称,页面打开时会加载指定模块的上下文,在xml和controller中可以通过ctx来读取-
type’List’ | ‘Detail’ | ‘Form’视图类型-
forModelstring视图所属模型key-
menuView’true’ | ‘false’是否将视图作为菜单项-
showBackboolean是否显示返回按钮(弹窗/抽屉视图不适用)List类型视图默认为false,其他情况为true
pageIdstring页面id,指定后可用于跨多个视图的返回和刷新-
enableLogboolean配置日志是否显示(部分业务方自己实现了日志页面,false 时候关闭日志)-
closablebooleanopenViewType = ‘Dialog’ 的 Header 是否隐藏关闭按钮,默认不隐藏-

备注:依据contextForm传入的value值去查询模块上下文 /${contextFrom}/api/trantor/context

场景覆盖

每个视图最外层包裹都需要View布局容器

示例图

18 18

示例代码

<!-- 这里是 View 根容器,每个视图必须存在 -->
<View version="2" title="人员列表" subtitle="view 副标题">
<Table key="person" model="trantor_doc_Person">
<Fields>
<Field name="name"/>
<Field name="avatar"/>
</Fields>
</Table>
<Tabs>
<Tab title="部门详情">
</Tab>
<Tab title="部门人员列表">
</Tab>
</Tabs>
</View>

用法

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