Layout 作为当前 window 的入口容器,也可看做是当前 window,页面渲染的 root 组件。下面文档中统一称 当前窗口 ,配置属性说明:
当前组件的名称,getContentMetaData 接口查询时,就根据此字段的值进行查询,需要具有唯一性,一般根据模块及功能进行命名,没特殊要求,例如:Layout_UserCenter
当点击导航进入一个页面时,是否显示最小化/最大化按钮,默认不勾选此项。此项一般不勾选。
当前窗口是否可见,由于页面是完全组件化,是否可见是所有组件的通用属性,默认勾选,此项一般默认勾选。后续开发中会去掉此项的配置。
前端是否缓存组件中的数据,待下次打开页面是自动填充缓存的数据。默认勾选。
后端(缓存服务器)是否缓存页面 uiMetaData 数据。默认不勾选。
当前页面是否开启页面预加载(静默加载),配合 theme 中全局控制变量 开启页面预加载(静默加载) 一起使用。
使用方法:
当前窗口打开时需要接收的上下文。点击加号,可以给当前窗口配置窗口上下文,可以配置多个窗口上下文,只需要配置上下文的主键即可,值不用配置。
当前窗口标题,一般用来显示在浏览器页签的标题或者弹框的默认标题。
multiTabs指当前应用支持按照多页签的方式展示窗口。
可以配置窗口关闭时的一个提示信息。
支持使用预定义的颜色名称来设置背景色,例如 "red"、"blue"、"green" 等。
支持十六进制颜色码,一个以 #
开头的六位字符,前两位代表红色值,中间两位代表绿色值,最后两位代表蓝色值。比如 #FF0000
代表红色,#00FF00
代表绿色,#0000FF
代表蓝色。
渐变色配置使用 linear-gradient方法,比如:linear-gradient(to right, red, yellow)
左对齐|居中|右对齐:指操作按钮区域在当前窗口中的对齐方式。
顶部|底部:操作按钮区域显示在窗口的最上面或最下面。
操作按钮区域与当前窗口的内容区域之间是否显示分割线。
操作按钮显示位置=底部时,建议配置。
操作按钮显示位置=顶部时,不要配置。
按钮的名称
操作列中的按钮的显示类型,link: 显示为超链接样式 icon: 显示为 icon ,default,primary,danger,dashed 这四个配置项与 Button 组件的 Type 属性一直。
需要显示图标时,配置的图标名称
当前组件的名称, 没特殊要求,当前窗口唯一,字符串。
当前按钮的显示规则,可以自定义,举例:
if (record.age > 25) { // 年龄大于 25 岁的不显示此按钮 return {visible: false }; } return {visible: true } |
当前按钮是否可用,可以自定义,举例:
if (record.sex === 'M' ) { // 性别为 M 的此按钮不可用 return {disabled: false }; } return {disabled: true } |
此按钮可以配置对应的 event ,此处仅可配置onCreate、 onClick 。