SharePoint 多行文字欄位設定預設值

霖雨發表於2018-11-30

　　前言

　　最近有這樣一個需求，建立一個表單，裡面有多行文字欄位，但是要求內容預設帶一個表格，這樣使用者新建專案的時候，就可以直接填表格了。

　　好吧，這樣的需求我們可以通過JavaScript實現。

　　1.預設的多行文字，我們可以通過選單上的插入功能，插入一個表格，但是，這不是我們想要的，如下圖：

　　2.用SharePoint Designer開啟我們的站點，找到我們需要修改的表單，如下圖：

　　3.右鍵，在高階模式下編輯檔案，如下圖：

　　4.在下圖位置插入JavaScript指令碼，當然，也不是必須插在這個位置，但是新手最好先插入在此，以後熟悉了原理，可以改位置，如下圖：

　　5.指令碼的詳細資訊，主要功能就是先用JavaScript寫一個table的html，然後，用指令碼找到多行文字的編輯器，然後用指令碼寫進去。

　　6.演示的效果，如下圖：

　　7.完整的程式碼

//頁面載入執行方法
setTimeout(insertTable,1000);

//插入Table方法
function insertTable()
{
    var tableHTML = "<table border='1'><tr><td>Column1</td><td>Column2</td></tr><tr><td>value1</td><td>value2</td></tr><tr><td>value1</td><td>vaule2</td></tr></table>";
    $(".ms-formlabel:contains('Content')").next().find(".ms-rtestate-write").html(tableHTML);
}

　　總結

　　SharePoint 和傳統網站開發原理基本一樣，所以，很多時候可以使用css和JavaScript去做很多事情，大家有需要的時候，記得想起。

相關文章