全動態Portlet點擊後選中樣式

1         背景概述

在配置公司雲平臺的幫助信息過程當中，因爲使用的全動態portlet的數據URL獲取到的是靜態數據，沒有辦法在後臺作選中的邏輯判斷，因此須要在前臺來控制選中列表的樣式，這裏將對前臺選中列表樣式改變的方法進行介紹。

2         預期讀者

• 數通暢聯內部員工

• IT行業愛好者

3         名詞解釋

• 全動態Portlet：數通暢聯預置的顯示Portlet，顯示數據經過模板控制顯示的樣式

• 靜態數據：經過模板定義模擬顯示的數據

4         實現思路

在全動態的顯示模板中添加選中的css，爲li以及a標籤訂義id屬性，前臺的回調函數經過id比較爲當前的li標籤設置選中的樣式。

5         實現步驟

• 添加選中的樣式

      

• 爲li以及a標籤設置id屬性

因爲列表中的a標籤的超連接是用來在刷新頁面（href跳轉指向的是當前頁面故此刷新頁面）的同時添加參數在地址url上以便右側的信息正文portlet能夠取得參數值，因此，能夠經過回調函數獲取url中的參數值。

• 執行回調函數設置選中顯示