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 索引请添加链接描述