首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >发布到SharePoint列表HTML/js表单

发布到SharePoint列表HTML/js表单
EN

Stack Overflow用户
提问于 2017-03-13 21:51:48
回答 1查看 1.7K关注 0票数 0

我把头撞在墙上。我看过很多例子,但无法让它起作用。

我试图使用一个带有javascript基的简单HTML页面(没有C#/ASPX,而不是Visual解决方案或SharePoint设计器解决方案)。若要将项添加到SharePoint列表,请执行以下操作。我的问题似乎是如何将'SP.Runtime.js‘& 'SP.js’文件加载到我的javascript中。我说这是因为在我使用的示例(Here)中,当我得到包含‘SP.Data.Workflow the’的行时,调试器会抛出一个SP未定义的错误。

我的研究表明,我需要包含来自SharePoint站点的SP javascript文件。我在下面添加了这段代码,以便从Sharepoint服务器调入两个js文件,但它开始执行第一个getScript,然后停止,没有任何错误消息或任何登录到控制台的内容。

这是我的javascript:

代码语言:javascript
复制
//  js/index.js
$(document).ready(function() {
    $('#request_form').bootstrapValidator({
        submitHandler: function(validator, form, submitButton) {
            //Call CreateListItem function once sp.js is loaded
            ExecuteOrDelayUntilScriptLoaded(createListItem, "sp.js");
        }
    }
}

这是我的html头

代码语言:javascript
复制
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
    <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css'>
    <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.0/css/bootstrapValidator.min.css'>
    <link rel="stylesheet" href="css/style.css">

    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
    <script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js'></script>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.4.5/js/bootstrapvalidator.min.js'></script>
    <script type='text/javascript' src='/_layouts/15/sp.runtime.js'></script>
    <script type='text/javascript' src='/_layouts/15/sp.js'></script>
    <script src='js/index.js'></script>
</head>

使用新代码,我将得到一个引用错误:

未定义的ReferenceError: ExecuteOrDelayUntilScriptLoaded未定义

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-03-14 07:24:37

您可以在HTML文件的部分引用SP.JS和SP.RUNTIME.JS。

代码语言:javascript
复制
<script type="text/javascript" src="/_layouts/15/sp.runtime.js"></script>
<script type="text/javascript" src="/_layouts/15/sp.js"></script>

在javascript代码中,可以使用ExecuteOrDelayUntilScriptLoaded()函数调用createListItem。

就像下面的片段:

代码语言:javascript
复制
//Function to create List Item
function createListItem() {
alert('List Item Created');
}

//Call CreateListItem function once sp.js is loaded
ExecuteOrDelayUntilScriptLoaded(createListItem, "sp.js");
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42774085

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档