Dynamics CRM實體系列之窗體

夜月之光發表於2021-04-14

本節開始講Dynamics CRM的窗體排版和設計,窗體也就是我們實際可以看到的表單介面。Dynamics CRM提供了一套獨立的表單模板設計引擎,可以很方便的為開發者提供無程式碼開發,只需要簡單的拖動和配置就可以完成一個表單的創作。

首先我們定位到實體對於的窗體功能下

 上圖就是窗體的操作頁,首先是窗體的建立。我們新建立一個實體後系統會預設給我們建立四個窗體。根據窗體型別的不同大致可以分為四種,分別是主窗體、快速檢視窗體、快速建立窗體、卡窗體。

  • 主窗體:是為實體進行資料互動的主要窗體,多個主窗體可以進行切換。
  • 快速檢視窗體:這些窗體出現在主窗體中,用於顯示窗體中某個查詢欄位引用的某個記錄的其他資料。
  • 快速建立窗體:一般用於子窗體的建立,這些窗體提供了一個針對建立新記錄優化的基本窗體。
  • 卡窗體:用於統一介面應用程式的檢視。 卡窗體用於以適用於移動裝置的緊湊格式呈現資訊。

選中窗體後可以通過刪除按鈕進行窗體的刪除,系統預設的窗體一般無法刪除。

啟用安全形色:可以將不同的窗體通過分配角色的方式讓不同的角色可以看到不同的窗體,用於遮蔽敏感資訊或者分級處理資料。

 窗體順序:可以根據不同的窗體型別進行窗體排序。

 啟用\停用:可以讓窗體的狀態進行啟用停用切換。停用的窗體一般情況不能被前臺使用。

一、主窗體

主窗體一般是所有窗體中展現內容最豐富的窗體,所以它的編輯控制元件的型別也最為豐富。下面開始建立一個主窗體。新建一個新的主窗體一般方法是開啟原有的主窗體,選擇另存為,填寫新窗體的名稱後就可以建立一個新的主窗體。另存後的窗體與原窗體一樣

開啟新的主窗體開始我們的佈局,首先建立好我們要使用的欄位

 開啟主窗體的設計介面

 工具欄

 工具欄分為兩塊,一塊為主頁的工具,一塊為插入元件的工具。

主頁工具包含:儲存、另存為、儲存關閉、釋出、更改屬性、刪除、撤銷、恢復、正文、標題、頁尾、導航、業務規則、窗體屬性、預覽、啟用安全形色、顯示依賴項、託管屬性。下面對每個工具進行講解

  • 儲存\儲存關閉:兩個功能一樣,都是儲存當前表單所作的設定,點選了儲存關閉會儲存完成後直接關閉當前表單設計頁面。
  • 另存為:將當前表單克隆一個新表單出來,並重新命名。
  • 釋出:將儲存好的內容進行編譯釋出讓更改的內容在客戶端生效。
  • 更改屬性:開啟滑鼠選中的元件的屬性頁面並可以進行編輯。
  • 刪除:刪除滑鼠選中的元件。
  • 撤銷\恢復:撤銷或者恢復上一步進行的操作。也可以使用Ctrl+Z\Ctrl+R快捷鍵替代。
  • 正文:點選定位到窗體的正文部分並啟用編輯。
  • 標題:點選定位到窗體標題部分並啟用編輯。
  • 頁尾:點選定位到窗體頁尾部分並啟用編輯
  • 導航:點選定位到左側的關係導航列表部分並啟用編輯。
  • 業務規則:為單據設計業務規則。(後面專門詳細講)。
  • 窗體屬性:整個窗體的屬性編輯。
  • 預覽:可以預覽設計表單的樣式,可以預覽建立時、編輯時以及只讀情況下的窗體。
  • 啟用安全形色:為該表單繫結使用表單的角色。
  • 顯示依賴項:檢視錶單引用或被引用資源的情況。
  • 託管屬性:為窗體配置遷移後能否進行編輯刪除的操作。

插入元件工具:

 插入元件有:節、選項卡、子網格、空格、快速建立窗體、Web資源、IFRAME等。

  • 選項卡:容納節的容器可以將表單進行模組化佈局。
  • 節:存放單個欄位的容器。
  • 子網格:明細表。
  • 空格:一個空白的佔位控制元件。
  • 快速檢視窗體:新增和當前實體有關聯的快速檢視窗體。
  • Web資源:嵌入Dynamics CRM內部的Web資源。
  • IFRAME:嵌入第三方的頁面。

表單佈局-標題

標題也就是Dynamics CRM表單的一塊特殊位置,一般標題會放置一些表單名稱、表單負責人、建立時間等標誌類的欄位。在設計器的位置如下:

 編輯標題有兩種方式,第一種上面提到過就是點選工具欄的標題,還有一種方法就是滑鼠放到標題紅框這一位置雙擊也可以進入標題的編輯。一般開啟編輯頁面,正文預設是啟用編輯。下面是標題被啟用後的狀態,可見一旦標題被啟用標題部分變成白色並且可以編輯,正文就會變成灰色不可編輯。

 下面開始對標題進行編輯,雙擊標題或者選中標題點選更改屬性會彈出標題的編輯介面,編輯分兩部分一塊是顯示部分另一塊是格式化部分。

 顯示部分:寬度參數列示的是標題節所放欄位的標籤寬度。可用性表示該標題可以被顯示在手機端。

格式化:分三塊內容,佈局、欄位標籤對齊方式、欄位標籤位置。

佈局:表示將標題這一行設定成多少列,最多設定四列,一列可以放置一個欄位。但是個人建議不能超過三列,因為超過三列顯示的資訊會不是很齊全。

欄位標籤對其方式:設定欄位標籤在設定的寬度範圍內的對其方式。

欄位標籤位置:標籤的位置可以在內容的左側也可以在內容的上方。

下面設定一個標題包含負責人、建立時間和名稱欄位的標題塊。欄位直接從右邊欄位列表拖動到標題就完成了標題的設計。

 這樣標題部分完成了,標題部分不能擴充,只能放1~4個欄位也是因為展位有限所以各位開發過程要珍惜這個搶手的位置放一些比較有意義的欄位在這個位置。下面開始正文的編輯,正文編輯前需要思考一下正文部分的佈局,一個好的佈局可以讓整個頁面看起來舒服易用。正文位置如下:

同樣啟用正文的編輯方法和標題一樣,點選工具欄的正文或者雙擊紅色區域都可以。啟用後原來啟用的標題部分變為只讀。

有沒有發現圖中正文和標題的名稱、負責人欄位重複了,所以我們可以選中兩個按鈕點選工具欄的刪除或者直接鍵盤Delete鍵刪除。

PS:有一點需要注意,如果你拖動了一個必填欄位到介面上的時候再想把它刪掉是不行的。介面上的必填欄位只有一個的情況下是不允許刪除的,超過一個的話可以刪除任意的同類欄位但是必須保留一個。如果不想保留的話需要在欄位設定把業務必須修改成可選或者業務建議才能刪除。

為了讓介面佈局更加合理,我們可以在正文部分新增選項卡以及節等控制元件來豐富正文的佈局。但是標題和頁尾不能新增除欄位外的元件。正文會預設一個常規選項卡,雙擊常規部分或者選中常規點選工具欄的更改屬性可以進入到選項卡的屬性設計介面。

選項卡屬性包含三個部分:顯示、格式化、事件。

  • 名稱:選項卡的標識,可以在HTML上以ID的形式展現。
  • 標籤:表示該選項卡的名稱,預設的是常規。
  • 在窗體上顯示該選項卡標籤:勾選後可以在表單展示選項卡標籤。
  • 預設情況下展開此選項卡:勾選後開啟表單預設展開選項卡全部內容,否則會隱藏選項卡內容。
  • 預設情況下可見:勾選了後表單上可以看到該選項卡全部內容,不勾選則隱藏全部選項卡。
  • 在手機上展示:同標題屬性。

格式化:可以修改選項卡的佈局通常選項卡可以設定為一列、兩列、三列。其中兩列分為左右等分,左多右少以及左少右多。三列分為三列等分、中間多兩邊等分。並且還可以自己DIV通過調整每一列的寬度比例調整不同列的展示寬度。

事件:新增JS等資原始檔,讓頁面增添更多的擴充內容和功能。這裡後面會做專題講解。

選項卡每一列都可以放置一個節。是選項卡的子單位,每個節又可以進行自我屬性。節的屬性基本和標題類似,唯一不同的是節可以設定名稱和標籤。

 

 

 選項卡的列可以從插入工具的控制元件中新增節。

 

 

 

 新加的節預設在選中節的下方。可以根據需要新增1~4列布局的節。節的每一列存放的都是欄位或者空格。下面的動態圖是一個簡單的表單搭建過程,有耐心的朋友可以看完就基本上可以學會簡單的佈局了。

【特殊的控制元件和欄位】

有一些特殊的欄位和控制元件這裡也簡單介紹一下

1、子網格

子網格其實就是我們通常說的明細表,也就是一對多關係。因為要建立關係所以我們需要把兩個實體進行關聯的操作。之前講解欄位的時候有提到,建立一個查詢欄位,如果我們希望給【測試實體】新增一個【產品】實體的明細表,我們就需要在產品實體中的欄位新增一個關聯【測試實體】的查詢欄位,接下來就可以進行子網格的新增了。

子網格屬性

 【顯示】

  • 名稱:只能填寫下劃線、數字、字母。
  • 標籤:子網格顯示名稱。
  • 記錄:分兩種僅相關記錄表示客戶明細顯示的資料與當前的測試實體的記錄關聯的部分。所有記錄型別表示所有客戶的全部資料。
  • 實體:這裡選擇與測試實體有關係的表。之前我們在客戶裡面加了關係所以可以在這裡被選到。

  • 預設檢視:選擇檢視資料的檢視。

  • 顯示搜尋框:勾選後可以對明細表進行篩選查詢。

  • 檢視選擇器:關閉:不可以選擇檢視;顯示所有檢視:可以選擇切換產品實體的所有檢視展示資料;顯示選定檢視:僅可以選擇列表選中的檢視進行展示和切換。

【格式化】

 這裡就介紹一個屬性其他的前面都一樣。行數:可以設定明細檢視每頁顯示行數。

【控制元件】

可以設定明細表在其他客戶端上是否展示。

接下來開始進行子網格的新增。首先在產品實體建立一個關聯測試實體的查詢欄位

下面的動態圖簡單的完成了一個子網格的新增,有耐心的小夥伴可以進行檢視。

2、空格

空格可以理解為一個空白的欄位位置,主要是為了進行頁面的填充。

3、快速檢視視窗

這個就是表單型別為快速檢視的一種表單型別,我們可以將製作好的快速檢視窗體新增到其他實體的表單上展示一些關鍵資料。前提是兩個實體需要有關聯,如果實體想要新增快速檢視窗體的話需要在實體欄位中新增一個對應實體的查詢型別的欄位。

快速檢視控制元件屬性

  • 名稱:快速檢視窗體的ID。
  • 標籤:快速檢視窗體的顯示名稱。
  • 查詢欄位:選擇建立對應實體的查詢欄位。
  • 相關實體:選擇要顯示快速試圖窗體的實體。
  • 選的快速檢視窗體:選擇需要展示的快速試圖窗體。

4、Web資源

Web資源是Dynamics CRM的網站資產,我們可以在裡面上傳很多內容,具體會專門講解。這裡一般使用的是Html檔案或者圖片可以顯性檢視的資源。新增後在實際的表單介面可以直觀的看到新增的資源內容。

Web資源屬性

  •  Web資源:選擇網站的資源。
  • 名稱:新增的Web資源的ID。
  • 標籤:新增的Web資源的顯示名稱
  • 行數:設定Web資源佔據的高度。
  • 選擇IFRAME的滾動型別:可以設定新增的Web資源是否可以在資源內部進行滾動。
  • 依賴項:選擇 Web 資源所需的欄位。無法從窗體中刪除這些欄位。

5、IFRAME

IFRAME是自定義一個模組可以通過URL引入外部資源嵌入到表單的部分。

IFRAME屬性

  •  名稱:IFRAME的ID。
  • URL:IFRAME引入的外部資源。
  • 標籤:IFRAME的顯示名稱。
  • 限制交叉框架指令碼:一般需要勾選掉,主要是為了避免IFRAME內部的JS程式碼和Dynamics CRM的JS有衝突。如果勾上的話IFRAME的JS無法使用。

二、快速檢視窗體

上面內容也有提到一些快速檢視窗體的內容,它的作用主要就是作為主窗體引用的一部分展示關鍵資訊。所以一般顯示的內容比較少不宜設定太多無用欄位造成贅述以及影響頁面的美觀度。

新建一個快速檢視窗體

可以看到快速檢視窗體和主窗體相比少了很多內容,選項卡只有一列,控制元件也少了不少東西。基本上與主窗體的正文內容設定方式一樣。這裡就不多贅述了。

三、快速建立窗體

快速建立窗體也是一個相對簡潔的窗體,它的作用主要用於明細表的快速新增,所以它所展示的內容相對來說比主窗體少很多,只要能夠滿足建立必須資料的欄位就可以了。

下面時一個快速建立窗體的介面

 

 可以看到它可以使用的控制元件更少,佈局設計方式與主窗體主題類似。後面會專題補充一下這裡的內容。//TODO

四、卡窗體

卡窗體功效和快速窗體類似,也可以嵌入到主窗體,但是它更多的應用場景是手機端的介面。它的格式以及定死了所以我們對於基本結構不能進行修改只能在先有後的結構上進行欄位的新增和刪除。

 以上就是Dynamics CRM窗體部分的講解,希望能幫到大家。下一節將節檢視部分。

 

相關文章