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


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

  1、首先創建一個測試列表,里面的字段如下:

clip_image002

  2、看一眼默認的Dispform.aspx頁面,對於新聞來說,基本屬於不能看;

clip_image004

  3、使用SharePoint Designer 2013打開列表,找到Dispform.aspx頁面,右鍵在高級模式下編輯該文件,如下圖:

clip_image006

  4、一般都是隱藏默認的td,然后新加一行tr、td,然后在新加的位置,添加顯示項目表單,選擇我們的測試列表News,如下圖:

clip_image008

  5、點擊ribbon上的菜單,添加/刪除列,來編輯我們要顯示的列和列的順序,如下圖:

clip_image010

  6、將要顯示的列添加到右側,並排序,如下圖:

clip_image012

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

clip_image014

  8、修改完的樣式展示,是不是更像一篇新聞了呢?如下圖:

clip_image016

  9、修改的Dispform.aspx頁面,修改了table的結構,並添加樣式,如下圖:

clip_image018

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

clip_image020

  11、這樣就完了么?錯,當我們點擊第二條測試數據的時候,發現顯示的還是第一條數據,我們還需要為表單做篩選;

clip_image022

  12、在ribbon菜單上,點擊篩選,如下圖:

clip_image024

  13、篩選的域名就是ID,值需要后面新建一個參數,如下圖:

clip_image026

  14、新建參數的截圖如下,參數源是查詢字符串;

clip_image028

  15、做好的篩選條件,如下圖所示:

clip_image030

  16、再次點擊第二條數據,發現正確進入了測試數據,很好!完工!

clip_image032

總 結

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM