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”。保存後就可以看效果了。

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章