本篇內容將介紹在Salesforce開發過程中，Lightning Experience如何使用自定義頁面布局記錄詳細信息。

 

 

頁面布局

您第一次登錄Salesforce時看到的只是初始內容，您可以使用自定義頁面布局和個性化設置，給對象記錄頁面上的許多內容。Lightning Experience提供了兩種方法來自定義頁面，一個是自定義頁面布局，另一個是自定義內容。

 

Lightning頁面是分配到頁面區域的Lightning組件的集合。您可以使用Lightning應用程序生成器，自定義頁面結構及其組件的位置。

 

您可以使用頁面布局編輯器自定義頁面內容，例如頁面上顯示的字段和按鈕。頁面布局編輯器，又稱作頁面布局，可用于管理Classic UI和Lightning Experience的頁面內容。在本單元中，我們將介紹頁面布局編輯器。

 

通過頁面布局編輯器，您可以：

• 控制顯示給用戶的字段、相關記錄列表和自定義鏈接。

• 自定義字段在頁面詳細信息中的顯示順序。

• 確定字段是可見、只讀還是必填。

• 控制在記錄和相關列表上顯示哪些標準按鈕和自定義按鈕。

• 控制在頁面上顯示的快速操作。

 

您可能在想：按鈕、列表、記錄詳細信息？這些都是什么？下面我們以聯系人記錄為例，快速瀏覽一下頁面布局，然后再繼續學習并自定義布局。關于按鈕、鏈接以及如何在頁面布局中對其進行修改，將在后面的單元中詳細說明。

 

您可以通過頁面布局來自定義頁面的以下部分，為組織中的不同團隊和流程創建個性化視圖。

• 相關選項卡：包含相關列表，這些列表中包含您正在查看的記錄和相關聯的其他記錄。例如，一個客戶可以有相關產品、聯系人、業務機會和其他自定義記錄。通過相關列表，您可以更輕松地查找和管理相關信息。

• 詳細信息選項卡：顯示有關記錄的信息。例如，在聯系人記錄的詳細信息頁面上，除了姓名、地址、所有人和客戶外，還會顯示用于存儲聯系人和其他相關記錄的其他字段。要更改相關頁面或詳細信息頁面上的字段內容，請點擊Edit。

不過，此Edit按鈕不支持您配置想在記錄詳細信息中顯示的字段。

 

 

自定義記錄詳細信息中的字段

自定義記錄頁面上的字段很簡單，您可以使用增強頁面布局編輯器來自定義Lightning Experience 記錄頁面的字段和相關列表。之所以稱之為“增強”，是因為它還有一個早期版本。后面我們將簡稱其為“頁面布局編輯器”。

 

頁面布局編輯器有兩個部分：屏幕上方的palette和屏幕下方的記錄頁面布局。palette包含字段、操作、按鈕、鏈接和相關列表等基本元素，這些元素可以被添加到頁面上。

 

下圖為潛在客戶的頁面布局編輯器。

讓我們先快速瀏覽一下頁面布局編輯器，我們將在潛在客戶記錄中添加和更改一些基本字段。

1、首先，我們需要找到并打開lead page layout。

• 從Setup中，點擊Object Manager。

• 點擊Lead，打開對象，然后點擊Page Layout。

2、點擊lead page layout。

現在我們已經打開了潛在客戶頁面布局，接下來進行更新。眾所周知，傳真機是上個世紀的事物。因此，請刪除此字段。

3、將fax字段從頁面布局中拖出，再拖回palette上。

現在，要確保銷售代表不會將Move字段留空。因此，請將其設為必填字段。

4、將鼠標懸停在Move字段上，然后點擊扳手圖標

5、點擊Required，然后點擊OK。

6、點擊Quick Save ，以保存更改而不關閉頁面布局編輯器。

現在您已經刪除了一個字段，并將另一個字段設為了必填字段，這個過程沒有編寫任何代碼。

 

您可以將頁面布局分配到不同的用戶簡檔。例如，您可以為經理創建一個自定義頁面布局，為標準用戶創建另一個頁面布局。若要更改頁面布局分配，請點擊Page Layout，然后點擊Page Layout Assignment，接著點擊Edit Assignment。

 

創建頁面布局

Maria 想為銷售團隊創建一個Energy Audit頁面布局，以便他們在查看能源審計記錄時看到所需的字段和相關列表信息。

 

創建Energy Audit自定義對象時，也在創建系統默認的Energy Audit頁面布局。組織中所有正在查看Energy Audit記錄的用戶，都能看到默認布局中的信息。Maria決定專門為銷售人員創建一個布局。下面是具體步驟。

1、從Setup中，點擊Object Manager。

2、點擊Energy Audit（能源審計），然后點擊Page Layout，您會看到前述的系統默認的Energy Audit布局。

3、點擊New。

這里有兩個選項。從頭開始創建一個頁面布局，或者選擇并復制一個現有的頁面布局。由于 Maria想修改現有的Energy Audit頁面布局，因此她決定復制默認的布局。

4、選擇Energy Audit Layout（能源審計布局）。

5、將新布局命名為Energy Audit Sales Layout（能源審計銷售布局）。

6、點擊Save。

7、向下滾動到Energy Audit詳細信息的部分。

下圖所示為頁面布局字段詳細信息與默認設置中的Energy Audit字段的比較。

右側一列的字段非常少，而且字段順序還需要改進。下面我們來解決這個問題。

8、將Audit Notes（審計備注）和Type of Installation（安裝類型）移至右側一列的ALL上方。

9、將Customer移至Energy Audit Name（能源審計名稱）下方。

10、點擊Quick Save。

由于Energy Audit是一個自定義對象，所以它還沒有任何相關列表。下面添加一個相關列表。

11、向下滾動到Related Lists部分。

12、在palette中，點擊Related list，然后將文件元素向下拖到Related list部分。借助文件相關列表，Ursa Major Solar的銷售人員可以將文件添加到記錄中，并查看與此記錄相關的文件列表。

13、再次點擊Quick Save，然后點擊Yes。

現在，我們已經完成了頁面布局，但是其他用戶還無法看到。接下來需要將它分配到簡檔。

 

將頁面布局分配到簡檔

Maria希望Ursa Major Solar的銷售人員能夠看到這個新的頁面布局。于是，她將頁面布局分配到銷售團隊的用戶簡檔，這樣當他們查看Energy Audit記錄時，就可以看到新的字段和相關列表視圖。下面，我們開始操作！

1、從Setup中，點擊object manager | Energy Audit，打開Energy Audit對象。

2、點擊page layout,，然后點擊page layout allocation，就可以看到簡檔和分配到每個簡檔的頁面布局列表。

3、點擊Edit Assignment。

4、選擇Custom: Sales Profile（自定義：銷售簡檔）行。

5、從Page Layout to use字段中，選擇Energy Audit Sales Layout。

6、選擇system administrator行。Maria通常只選擇Custom: Sales Profile行，不過由于您是以系統管理員身份登錄的，因此我們也選擇此行，以便查看新建頁面布局的外觀。

7、從page Layout to use字段中，選擇Energy Audit Sales Layout ，點擊Save。現在就可以看到了！

8、從application launcher中，找到并選擇 Energy Audits，然后打開記錄，查看Details標簽。您會看到它現在更加有條理，更容易閱讀。

此外，點擊Related標簽，會顯示files相關列表，方便用戶上傳。

現在您已經熟悉了頁面布局和頁面布局編輯器，我們接下來創建一個只顯示用戶所需信息的頁面布局。將工具和字段放置在合理的位置，用戶便可以輕松地存儲和管理重要數據。