前言：今天，碰到一個有趣的問題，就是SharePoint調查里面，添加對於圖片的支持，眾所周知，SharePoint的調查就支持那么幾種字段類型的問題，當然，我們可以開發實現，不過，這個不是我們今天介紹的，我們今天介紹的是js實現的無代碼開發。
下面，看看我們要實現的效果圖，如下圖（參與調查的頁面，其實這個是我已經做好的頁面）：
如上圖的，帶着圖片的選項，在SharePoint自帶字段里很難實現，所以，我就想把img標簽寫在頁面上，然后發現當做文字輸出到頁面上，我就想到用js腳本，替換img標簽，所以，我修改了調查里面的選項內容，如下圖所示（調查內的選項）：
選項的詳細文字：
| #img_start width="100" height="120" src="http://10.5.92.11/bmdh/jyglb/DocLib/山居秋暝.jpg" #img_end 張三 #img_start width="100" height="120" src="http://10.5.92.11/bmdh/jyglb/DocLib/山居秋暝.jpg" #img_end 李四 #img_start width="100" height="120" src="http://10.5.92.11/bmdh/jyglb/DocLib/山居秋暝.jpg" #img_end 王五 |
如上面文字，我把img標簽的前后，用#img_start和#img_end替換了，這樣也是方便我們使用js腳本進行replace替換，js腳本附后，有興趣的可以參考下：
| <script type="text/javascript"> var divobj = document.getElementsByTagName("LABEL"); for(var i=0;i<divobj.length;i++) { if(divobj[i].innerHTML.indexOf("#img_start")>=0) { var str = divobj[i].innerHTML; str =str.replace("#img_start","<img"); str =str.replace("#img_end","></img>"); divobj[i].innerHTML=str; } } </script> |
在頁面上添加一個內容編輯器web部件，然后將腳本放進去，點擊確定，發現達到了我們想要的效果，然后，同樣用js腳本實現調查的統計頁面（如下圖），這里我也就不多廢話了，大家直接看效果吧。
后記：本來就是一個很簡單的思路，我想把這些分享給大家。對於SharePoint現在開發人員越來越多，我的理念依舊是：除非必須，絕對不懂代碼。當然，這個問題也有代碼實現的，鏈接我附后了，大家可以對比下兩種實現方式。呵呵，很晚了，睡覺。大家晚安。
附自定義字段實現：http://blog.csdn.net/cxx2325938/article/details/8284741