2019獨角獸企業重金招聘Python工程師標準>>>

1 背景概述

在配置公司雲平臺的幫助資訊過程中，由於使用的全動態portlet的資料URL獲取到的是靜態資料，沒有辦法在後臺做選中的邏輯判斷，所以需要在前臺來控制選中列表的樣式，這裡將對前臺選中列表樣式改變的方法進行介紹。

2 預期讀者

• 數通暢聯內部員工

• IT行業愛好者

3 名詞解釋

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

• 靜態資料：通過模板定義模擬顯示的資料

4 實現思路

在全動態的顯示模板中新增選中的css，為li以及a標籤定義id屬性，前臺的回撥函式通過id比較為當前的li標籤設定選中的樣式。

5 實現步驟

• 新增選中的樣式

• 為li以及a標籤設定id屬性

由於列表中的a標籤的超連結是用來在重新整理頁面（href跳轉指向的是當前頁面故此重新整理頁面）的同時新增引數在地址url上以便右側的資訊正文portlet可以取得引數值，所以，可以通過回撥函式獲取url中的引數值。

• 執行回撥函式設定選中顯示

轉載於:https://my.oschina.net/agileai/blog/604119