链接选项卡 LinkTabs
LinkTabs
链接选项卡布局,其实就是通过链接跳转或者说是改变页面url来实现页面布局的切换
链接选项卡布局:每个 tab 对应一个页面,通过 LinkTab 配置对应的页面标题和 view action。controller 里面的 pageContext 可以拿到当前页面的 action。 如果只是数据请求参数不一致可以用不同 action 对应同一 view。 补充:LinkTab 只用做样式展示和 tab 的跳转,tab 对应的内容需要分写到不同的页面
LinkTabs.LinkTab API
ILinkTabProps
| 参数 | 类型 | 说明 | 默认值 |
|---|---|---|---|
| title | string | tab的标题 | - |
| targetView | string | 目标视图 | - |
| env | IDictionary | 环境变量 | - |
| context | IDictionary | 上下文 【即将废除】 | - |
| record | IDictionary | IDictionary[] | 当前上下文数据 | - |
| show | boolean | 是否展示 | - |
| disabled | boolean | 是否禁用 | - |
| openViewType | ’Self’ | ‘Dialog’ | ‘Columns’ | ‘Drawer’ | string | 支持 openViewType 视图打开方式, 也可以配置一个slotKey,将通过Slot方式打开 | - |
示例图

LinkTabs 示例代码
<View title="人员列表" version="2"> <!-- LinkTabs的选项卡布局容器 --> <LinkTabs> <!-- 单个LinkTab的选项卡布 title 标题属性 show 是否显示 env 传入当前选项卡字段 通常可作为查询条件来使用 --> <LinkTab title="人员列表" targetView='main' record="#{{id:1}}"/> <LinkTab title="ahh" targetView='linktabs2'/> <LinkTab title="部门" targetView='linktabs3' env="#{{test: '小明'}}"/> <LinkTab title="部门" targetView='tab1' env="#{{test: '大雄'}}"/> </LinkTabs> <Table key="table" model="trantor_doc_Person" dataCondition=""><!-- 通过LinkTab的选项卡来显示不同页面内容,对应不同数据内容 --> <Fields> <Field name="name" initValue="#{env.test}"/> <Field name="avatar"/> <Field name="age"/> <Field name="password"/> <Field name="credentials"/> <Field label="部门名称" name="department.name"/> <Field name="birthday"/> </Fields> </Table></View>注意:当前例子为0.17.x 版本