本篇內(nèi)容將介紹在Salesforce開發(fā)過程中，Lightning Experience如何使用自定義頁面布局記錄詳細(xì)信息。

 

 

頁面布局

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

 

Lightning頁面是分配到頁面區(qū)域的Lightning組件的集合。您可以使用Lightning應(yīng)用程序生成器，自定義頁面結(jié)構(gòu)及其組件的位置。

 

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

 

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

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

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

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

• 控制在記錄和相關(guān)列表上顯示哪些標(biāo)準(zhǔn)按鈕和自定義按鈕。

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

 

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

 

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

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

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

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

 

 

自定義記錄詳細(xì)信息中的字段

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

 

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

 

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

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

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

• 從Setup中，點(diǎn)擊Object Manager。

• 點(diǎn)擊Lead，打開對象，然后點(diǎn)擊Page Layout。

2、點(diǎn)擊lead page layout。

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

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

現(xiàn)在，要確保銷售代表不會將Move字段留空。因此，請將其設(shè)為必填字段。

4、將鼠標(biāo)懸停在Move字段上，然后點(diǎn)擊扳手圖標(biāo)

5、點(diǎn)擊Required，然后點(diǎn)擊OK。

6、點(diǎn)擊Quick Save ，以保存更改而不關(guān)閉頁面布局編輯器。

現(xiàn)在您已經(jīng)刪除了一個字段，并將另一個字段設(shè)為了必填字段，這個過程沒有編寫任何代碼。

 

您可以將頁面布局分配到不同的用戶簡檔。例如，您可以為經(jīng)理創(chuàng)建一個自定義頁面布局，為標(biāo)準(zhǔn)用戶創(chuàng)建另一個頁面布局。若要更改頁面布局分配，請點(diǎn)擊Page Layout，然后點(diǎn)擊Page Layout Assignment，接著點(diǎn)擊Edit Assignment。

 

創(chuàng)建頁面布局

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

 

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

1、從Setup中，點(diǎn)擊Object Manager。

2、點(diǎn)擊Energy Audit（能源審計），然后點(diǎn)擊Page Layout，您會看到前述的系統(tǒng)默認(rèn)的Energy Audit布局。

3、點(diǎn)擊New。

這里有兩個選項。從頭開始創(chuàng)建一個頁面布局，或者選擇并復(fù)制一個現(xiàn)有的頁面布局。由于 Maria想修改現(xiàn)有的Energy Audit頁面布局，因此她決定復(fù)制默認(rèn)的布局。

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

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

6、點(diǎn)擊Save。

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

下圖所示為頁面布局字段詳細(xì)信息與默認(rèn)設(shè)置中的Energy Audit字段的比較。

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

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

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

10、點(diǎn)擊Quick Save。

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

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

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

13、再次點(diǎn)擊Quick Save，然后點(diǎn)擊Yes。

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

 

將頁面布局分配到簡檔

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

1、從Setup中，點(diǎn)擊object manager | Energy Audit，打開Energy Audit對象。

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

3、點(diǎn)擊Edit Assignment。

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

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

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

7、從page Layout to use字段中，選擇Energy Audit Sales Layout ，點(diǎn)擊Save?，F(xiàn)在就可以看到了！

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

此外，點(diǎn)擊Related標(biāo)簽，會顯示files相關(guān)列表，方便用戶上傳。

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