跳转到内容

链接选项卡 LinkTabs

LinkTabs

链接选项卡布局,其实就是通过链接跳转或者说是改变页面url来实现页面布局的切换

链接选项卡布局:每个 tab 对应一个页面,通过 LinkTab 配置对应的页面标题和 view action。controller 里面的 pageContext 可以拿到当前页面的 action。 如果只是数据请求参数不一致可以用不同 action 对应同一 view。 补充:LinkTab 只用做样式展示和 tab 的跳转,tab 对应的内容需要分写到不同的页面

LinkTabs.LinkTab API

ILinkTabProps

参数类型说明默认值
titlestringtab的标题-
targetViewstring目标视图-
envIDictionary环境变量-
contextIDictionary上下文 【即将废除】-
recordIDictionary | IDictionary[]当前上下文数据-
showboolean是否展示-
disabledboolean是否禁用-
openViewType’Self’ | ‘Dialog’ | ‘Columns’ | ‘Drawer’ | string支持 openViewType 视图打开方式, 也可以配置一个slotKey,将通过Slot方式打开-

示例图

18 18

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 版本