本節開始講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表單部分的講解,希望能幫到大家,下一節將節視圖部分,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/276116.html
標籤:其他
