SharePoint 2013 Designer系列之自定義清單表單

　　在SharePoint的使用中，預設的樣式過于單調經常困擾着我們，其實，SharePoint使用Designer工具，可以很輕松解決這一問題，制作出各式各樣漂亮的頁面。下面，讓我們簡單介紹下這一過程。

　　1、首先建立一個測試清單，裡面的字段如下：

　　2、看一眼預設的Dispform.aspx頁面，對于新聞來說，基本屬于不能看；

　　3、使用SharePoint Designer 2013打開清單，找到Dispform.aspx頁面，右鍵在進階模式下編輯該檔案，如下圖：

　　4、一般都是隐藏預設的td，然後新加一行tr、td，然後在新加的位置，添加顯示項目表單，選擇我們的測試清單News，如下圖：

　　5、點選ribbon上的菜單，添加/删除列，來編輯我們要顯示的列和列的順序，如下圖：

　　6、将要顯示的列添加到右側，并排序，如下圖：

　　7、找到如下位置，來修改Html的樣式，修改為我們需要的樣式，如下圖：

　　8、修改完的樣式展示，是不是更像一篇新聞了呢？如下圖：

　　9、修改的Dispform.aspx頁面，修改了table的結構，并添加樣式，如下圖：

　　10、添加的自定義樣式，當然我們也可以使用外部樣式表，如下圖：

　　11、這樣就完了麼？錯，當我們點選第二條測試資料的時候，發現顯示的還是第一條資料，我們還需要為表單做篩選；

　　12、在ribbon菜單上，點選篩選，如下圖：

　　13、篩選的域名就是ID，值需要後面建立一個參數，如下圖：

　　14、建立參數的截圖如下，參數源是查詢字元串；

　　15、做好的篩選條件，如下圖所示：

　　16、再次點選第二條資料，發現正确進入了測試資料，很好！完工！

總 結

　　以上是Dispform.aspx頁面定制的簡單思路，可以實作我們需要的展示方式；同樣，編輯頁面和修改頁面，也可以進行相應定制，隻要選取不同的視圖即可。

博文推薦：

SharePoint 2013 WebPart 管理工具分享[開源]

基于SharePoint 2013的論壇解決方案[開源]

SharePoint 2013 學習基礎系列入門教程

SharePoint 2013 圖文開發系列之門教程

SharePoint Designer 學習系列入門教程

特：如果有SharePoint項目，歡迎郵件聯系我，Email:[email protected]