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());
}