链接选项卡 LinkTabs

LinkTabs

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

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

LinkTabs.LinkTab API

参数	说明	类型	默认值
title	tab 标题	string	-
show	是否展示	boolean	true
env	可传入到 tab 对应页面 通常可作为当前tab页面查询条件来使用	-	-
context	同 action context	-	-
disabled	是否可点击	boolean	false

示例图

LinkTabs 示例代码

<View title="人员列表">
  <!-- LinkTabs的选项卡布局容器  -->
  <LinkTabs>
    <!-- 单个LinkTab的选项卡布 title 标题属性 show 是否显示 env 传入当前选项卡字段 通常可作为查询条件来使用  -->
    <LinkTab  title='人员列表' action='linktabs' :context="{record: {id: 1},test: '小伦叽'}"/>
    <LinkTab  title='ahh' action='linktabs' :show="console.log(getContainerByKey('person') && getContainerByKey('person').data && getContainerByKey('person').data[0].age !== 1, 'xxx')"/>
    <LinkTab  title='部门' action='linktabs' :env="{test: '小岳岳'}"/>
    <LinkTab  title='部门' action='tab1' :env="{test: '小岳岳'}"/>
  </LinkTabs>
  <Table model="trantor_doc_Person">  <!-- 通过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>