Pega前端学习
Portal
主要按照功能方面的区别来区分,比如case worker / case manager 登录后有不同的portal
Harness
描述UI的架构,一个harness可以嵌套多个section,但一个section里面只能嵌套一个harness。section只能用来放label和textput,而harness可以控制整个harness里的布局。
比如
Section
Section可以经常被引用,根据上下文和业务目标,section可以互相嵌套
Layout:组织用户表单的行列关系,layout format,such as stack/inline/grid。Container format:控制可见的元素。Layout下的控件是最小不可分割的了,such as icon/link。一个section可以嵌套多个layout,一个Layout里面可以嵌套多个section。多对多
Event-action
Application-skin 看ui控件,skin是可以继承的
Hover/focus/active(交互的一瞬间)
Dynamic layout:实现响应式的布局
Padding/specaing/margin
Responsive breakpoint 响应式断点,从某个item后面就不显示了
Tree and table
Label: 没有数据源的文本信息
Text: 需要数据源property来存取数据
load data
save data
validation
Validation:property 判断输入格式是否正确/control 比如日历,只能输入年月日
Validation rules 比如验证日期的前后关系
Edit validation rule 具体逻辑验证,比如邮件格式
UI Control
Data source: property/report definition/data page/activity
Data page获得data source的三种方式:Data transform/report definition/activity