Page tree
转至元数据结尾
转至元数据起始

正在查看旧版本。 查看 当前版本.

与当前比较 查看页面历史

« 前一个 版本 12 当前 »

Layout 作为当前 window 的入口容器,也可看做是当前 window,页面渲染的 root 组件。下面文档中统一称 当前窗口 ,配置属性说明:

组件名称

当前组件的名称,getContentMetaData 接口查询时,就根据此字段的值进行查询,需要具有唯一性,一般根据模块及功能进行命名,没特殊要求,例如:Layout_UserCenter 

显示最小化/最大化按钮

当点击导航进入一个页面时,是否显示最小化/最大化按钮,默认不勾选此项。此项一般不勾选。

可见

当前窗口是否可见,由于页面是完全组件化,是否可见是所有组件的通用属性,默认勾选,此项一般默认勾选。后续开发中会去掉此项的配置。

开启组件数据缓存(前端)

前端是否缓存组件中的数据,待下次打开页面是自动填充缓存的数据。默认勾选。

开启UI界面缓存数据(后端)

后端(缓存服务器)是否缓存页面 uiMetaData 数据。默认不勾选。

开启预加载(静默加载)

当前页面是否开启页面预加载(静默加载),配合 theme 中全局控制变量 开启页面预加载(静默加载) 一起使用。

使用方法:

  1. 在 uiDesigner主题配置 中开启(勾选) 开启页面预加载(静默加载)
  2. 在需要预加载的页面中的 Layout 组件上面 勾选 开启预加载(静默加载)

 

窗口上下文

当前窗口打开时需要接收的上下文。点击加号,可以给当前窗口配置窗口上下文,可以配置多个窗口上下文,只需要配置上下文的主键即可,值不用配置。

窗口名称

当前窗口标题,一般用来显示在浏览器页签的标题或者弹框的默认标题。

 

multiTabs时关闭窗口提示语

multiTabs指当前应用支持按照多页签的方式展示窗口。

可以配置窗口关闭时的一个提示信息。

 

边距

背景色(支持渐变)

支持使用预定义的颜色名称来设置背景色,例如 "red"、"blue"、"green" 等。

支持十六进制颜色码,一个以 # 开头的六位字符,前两位代表红色值,中间两位代表绿色值,最后两位代表蓝色值。比如 #FF0000 代表红色,#00FF00 代表绿色,#0000FF 代表蓝色。

渐变色配置使用 linear-gradient方法,比如:linear-gradient(to right, red, yellow)

 

 

操作按钮对齐

左对齐|居中|右对齐:指操作按钮区域在当前窗口中的对齐方式。

操作按钮显示位置

顶部|底部:操作按钮区域显示在窗口的最上面或最下面。

显示操作按钮分割线

操作按钮区域与当前窗口的内容区域之间是否显示分割线。

操作按钮显示位置=底部时,建议配置。

操作按钮显示位置=顶部时,不要配置。

 

操作列

标题

按钮的名称

显示类型(类型设置为 icon 时,请一定设置下面的图标属性)

操作列中的按钮的显示类型,link: 显示为超链接样式 icon: 显示为 icon ,default,primary,danger,dashed 这四个配置项与 Button 组件的 Type 属性一直。

图标

需要显示图标时,配置的图标名称 

组件名称

当前组件的名称, 没特殊要求,当前窗口唯一,字符串。

显示规则(返回值:{visible:true/false})

当前按钮的显示规则,可以自定义,举例:

 

if (record.age > 25) { // 年龄大于 25 岁的不显示此按钮
    return {visible: false};
}
return {visible: true}

 

事件序列

此按钮可以配置对应的 event ,此处仅可配置onCreate、 onClick 。

可配置的事件:

onCreate

  • 无标签