Pega How To系列之一：如何在页面上动态显示/隐藏内容 ----CheneyWang

Pega How To系列之一：如何在页面上动态显示/隐藏内容 ----by Cheney Wang

我们经常碰到基于用户的选择在界面上显示/隐藏部分内容的需求，这里介绍如何不用javascript，而通过简单的三步配置来实现这种需求。

需求描述：如图一图二所示，当用户选择Accept时显示Hire Date,当用户选择Reject时显示Last Attendance Date 和Resignation Date.

（一）如图三，Accept 和Reject 是由一个名为“hpPromptRadioProbationBHR2”的 html Property实现的，相关联的Property为“.BHRChoose”, 按图四所示配置Client Event为ONCLICK, Action 为Hide/Show other Elements.

（二）如图五，把两组日期分别放在两个Layout上。

（三）如图六，配置Layout的Visible when条件，根据实际情况写入判断条件，注意选中“Run ON Client”。保存后就可以看效果了。

Pega How To系列之一：如何在页面上动态显示/隐藏内容 ----CheneyWang相关推荐

怎样在页面上查找请求内容_怎样快速裁剪删除PDF文档的页面内容？
有时在编辑PDF文档时,有大段的内容需要删除,且又不是整页无法直接通过删除页面解决,特别是扫描件无法直接用delete键清除时,有什么办法能快速解决呢?如何直接裁切不需要或保留需要的内容部分呢? 首先 ...
CSS解构系列之-新浪页面解构-01
文章背景:这是一次内部交流会的PPT,通过文字的方式记录下来,分享给更多的同学,同时也由于个人能力水平还有很大的成长空间,也想借此机会再深化学习一下,所以这事利人利已,千秋万代.由于个人知识范围有限, ...
iphoneX系列手机在页面滚动时隐藏底部的操作栏
iphoneX系列手机底部都有一个(横杠)键,浏览器会在页面滚动时隐藏底部的操作栏,需求:底部导航栏出现 1.判断是iphonex设备的方法 function isIphoneX(){if(/ipho ...
【PBL项目实战】户外智慧农场项目实战系列——3.云端可视化页面开发及设备数据源的配置与调试
[PBL项目实战]户外智慧农场项目实战系列--3.云端可视化页面开发及设备数据源的配置与调试原文链接 https://mp.weixin.qq.com/s/5OT57-_QlN7lwRMWvey4 ...
安卓系列手机的H5页面背景色失效的问题（踩坑手机小米8）
标题安卓系列手机的H5页面背景色失效的问题今天做手机端,微信小程序开发,根据实际需求,手写一个遮罩层页面开发完毕之后,进行真机测试,出现问题了,ios是好的 Android一款小米8就不行了在打 ...
豪情-CSS解构系列之-新浪页面解构-01
目录: 一. 新浪的布局特点二. 内容细节的特点三. 其中相关的一些基础技术点 1. 常见布局方法 2. 布局要点 3. Debugger误区 4.列表 5.字体颜色 6.CSS选择符 7.CSS ...
java使用的页面静态化技术_java秒杀系列（2）- 页面静态化技术
###前言通过代码片段分别介绍服务端渲染.客户端渲染.对象缓存三种方式的写法. 代码片段仅供参考,具体实现需要根据业务场景自行适配,但思想都是一样. 一.服务端渲染方式 ####1.接口返回html ...
CSS解构系列之-新浪页面解构-02
前言这是来自内部线下交流会PPT的完整文字版,初衷跟上一篇文章中所述一致,为了让更多的人看到,对在交流会上没有完善的内容做一补充,同时缺少现场互动环节,那份记忆或感动怎么也找不回来.另外由于个人能力 ...
豪情-CSS解构系列之-新浪页面解构-02
前言一.开发工具 - 前端四大利器 1. WebStorm 1). 岂今为止,业界公认的前端开发利器.优点: 2). 缺点 3). 相关资源 4). 后续展望 2. Photoshop 1).基本信 ...
JavaScript设计模式系列—模式篇总结（上）
转载请注明预见才能遇见的博客:http://my.csdn.net/ 原文地址:https://blog.csdn.net/pcaxb/article/details/102517956 JavaSc ...

Pega How To系列之一：如何在页面上动态显示/隐藏内容 ----CheneyWang

Pega How To系列之一：如何在页面上动态显示/隐藏内容 ----CheneyWang相关推荐

最新文章

热门文章