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

猜你喜欢

转载自blog.51cto.com/13969817/2460131