更新时间:2024-07-16 GMT+08:00
分享

页签

页签组件是由多个页面构成,可以在页面之间切换的组件,适用于一个事件有多个子场景,看板中展示多个表格。

页签容器

用于增加页签和设置默认选中页签。

在表单开发页面,从“基础组件”中拖拽“页签”组件至表单设计区域,如图1

图1 页签容器
  • 属性
    • 字段状态:指成员在访问表单时,对该字段的可见、可编辑权限。

      隐藏:勾选后,页面上该字段不可见、不可编辑。

    • 新增标签:单击“添加”增加页签,最多增加10个页签。
    • 选中tab值:选择页面默认选中的页签。
  • 高级
    • 样式
      • 样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引用。
      • 样式:使用CSS代码自定义组件样式。自定义代码支持多行输入,并高亮显示样式参数。
    • 事件:在事件中,显示了组件暴露出来的一些常用事件,供用户实现,来扩展组件的交互。整个页面有加载(on-load)事件,该事件在页面渲染完成后执行,可进行数据初始化操作。更多关于事件的介绍,请参见事件说明

页签

在“页签容器”内选中某个页签,设置页签的属性。如图2

图2 页签
  • 属性
    • 字段标题:在页面显示的页签名称。
    • 标题加粗:是否打开开关,默认关闭状态。
    • 字段状态:指成员在访问表单时,对该字段的可见、可编辑权限。
      • 隐藏:勾选后,页面上该字段不可见、不可编辑。
      • 禁用:勾选后,页面上该字段仍可显示,但不可进行配置。
    • 宽度:字段配置框宽度占页面宽度的比例。
  • 高级
    • 样式
      • 样式类:当前组件使用的CSS样式类名,可在CSS代码中进行引用。
      • 样式:使用CSS代码自定义组件样式。自定义代码支持多行输入,并高亮显示样式参数。
    • 事件:在事件中,显示了组件暴露出来的一些常用事件,供用户实现,来扩展组件的交互。整个页面有加载(on-load)事件,该事件在页面渲染完成后执行,可进行数据初始化操作。更多关于事件的介绍,请参见事件说明

设置页签内展示内容

通过在页签内添加组件设置页签内需要展示的内容。

选择页签,从左侧组件库拖拽组件至“页签容器”的“页签”处,右侧设置组件属性。支持添加多个不同类型组件。如图3

图3 页签内添加组件

删除页签

在“页签容器”内选中页签,单击页签上方即可删除页签。如图4

图4 删除页签

相关文档