1. 程式人生 > >在NetSuite記錄列表檢視中增加進度條

在NetSuite記錄列表檢視中增加進度條

在專案實施過程中,經常會碰到要顯示比例或進度的需求,為了美觀,一般會顯示為進度條progress bar,甚至根據進度顯示不同的顏色。如下圖:

NetSuite自定義檢視時,支援新增自定義的欄位,format(text)等,在對應的formular列中,寫入html和css的程式碼即可。

'<div style="overflow:hidden; height:18px; background-color:#ccc;">'
|| '<div style="float:left; width:0; height:100%; font-size:11px; line-height:18px; color:fff; text-align:center; background-color:#428bca; width:'
|| {percenttimecomplete}*100 
|| '%;">'
|| {percenttimecomplete}*100
|| '%'
|| '</div>'
|| '</div>'

插入位置,自定義檢視->結果->新增自定義欄位Format(Text),在FORMULA列下,補充程式碼。

檢視效果: