SharePoint Online 開發:使用JavaScript向列表中添加字段

Blog鏈接:https://blog.51cto.com/13969817

很多公司爲了增加業務人員對SharePoint的使用,通常會尋找方法來增強SharePoint的功能,其實JavaScript也可以幫助大家在SharePoint中提供更好的功能和相對很好的用戶體驗,接下來我將爲大家分享一下SharePoint使用JavaScript的廣闊世界,視圖解開Javascript和SharePoint的神奇面紗。

那麼什麼是Javascript呢?它是一種編程語言,它可以在網頁上實現複雜的功能,網頁展現給你的不再是簡單的靜態信息,而是實時的內容更新,交互式的地圖,2D、3D動畫,滾動播放的視頻等等。絕大多數的基本網頁是由3部分組成:

  • 內容,圖像或者文本,或頁面上的任何內容,這是HTML
  • CSS描述了內容的外觀、字體、顏色、大小以及頁面上的位置
  • 頁面上的行爲或者交互性,當你點擊或者懸浮在你做的任何事情上時會發生什麼,這就是JavaScript,它使我們瞭解並喜愛的所有在線互動成爲可能,並對其加以控制。

JavaScript實際代碼保存在單獨的.js文件中,需要時調用並在Web頁面上運行,需要注意的是:不能在SharePoint Modern Page中嵌入JavaScript, 所以如果你想更好地控制你的網站,需要使用Classic Page。

現在我們以向列表中添加字段爲例說明SharePoint如何使用JavaScript了?

function addFieldToList(siteUrl) {
var clientContext = new SP.ClientContext(siteUrl);

var oList = clientContext.get_web().get_lists().getByTitle('Announcements');
this.oField = oList.get_fields().addFieldAsXml(
    '<Field DisplayName=\'MyField\' Type=\'Number\' />', 
    true, 
    SP.AddFieldOptions.defaultValue
);

var fieldNumber = clientContext.castTo(oField,SP.FieldNumber);
fieldNumber.set_maximumValue(100);
fieldNumber.set_minimumValue(35);
fieldNumber.update();

clientContext.load(oField);
clientContext.executeQueryAsync(
    Function.createDelegate(this, this.onQuerySucceeded), 
    Function.createDelegate(this, this.onQueryFailed)
);

}

function onQuerySucceeded() {
var result = oField.get_title() + ' added.';
alert(result);
}

function onQueryFailed(sender, args) {
alert('Request failed. ' + args.get_message() +
'\n' + args.get_stackTrace());
}

說明:使用 FieldCollection 對象的 add(field) 或 addFieldAsXml(schemaXml, addToDefaultView, options) 函數向列表的字段集合中添加字段。以下示例創建一個字段,然後在調用 executeQueryAsync(succeededCallback, failedCallback) 之前更新該字段。

相關參考文獻:SharePoint .NET 服務器、CSOM、JSOM 和 REST API 索引請添加鏈接描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章