可视化元件手册

  1. 首页
  2. 全部文档
  3. 可视化元件手册
  4. 显示元件(40个)
  5. Tabbed Pane分页显示

Tabbed Pane分页显示

名称:

Tabbed Pane | 分页显示

图标:

功能:

  • 可以添加子页面,自动生成导航栏的显示元件
  • 是一个组合元件,导航栏、导航页显示逻辑均由其他元件无代码方式设计完成

使用方式:

设计分页显示功能

  • 从选项板中选中分页显示元件放入开发区后,默认在元件中已有两个分页页面元件,因为分页面中含导航逻辑,所以如果想要添加更多分页面,则需右键单击分页元件在弹出的菜单中选添加子元件方式添加更多分页面对象
  • 每个分页面可以独立中文命名,分页面的名称就是导航显示的名称—注意,分页显示元件添加后,先应保存默认设计,再进行修改页面名称操作,因为分页导航逻辑中,页面名称是要用到导航逻辑中的(但是一般英文名称直接命名也是是否先做保存没有要求)
  • 建议在分页面中,放一个Pane显示块,所有分页面内容在显示块中设计,如果需要刷新页面内容,直接刷新显示块对象即可;直接刷新分页面时因为分页中含导航逻辑,会导致整个分页显示模块显示不正常;而如果刷新整个分页元件,则刷新完成后会显示默认的第一页,而不是显示刷新前的显示分页面

样式属性:

  • 属性设置与Pane显示块元件的属性设置一样,在属性中添加“html.style”即可进行样式标签及值的定义
    · 如可以选中导航中的“Nav Item”定义标题显示字体的大小,是否居中显示,标题平均分配宽度、颜色等:font-size:16px;text-align:center;width:33.33%;color:red;
  • 可以使用样式类,在“html.styleClass”属性中设定类名称
  • 默认样式定义的文件是“web\styles”下“tabbed-pane.less”文件,可以修改某些样式为自己的显示风格