javascript - SharePoint 在单击时传递文本框的值以更新列表列

Question

我在一个 SP 页面上有一个文本框。单击提交按钮后，我需要将数值/输入发送到列表中的列。我从网上找到的一些零碎的代码拼凑而成，但它不起作用。

<table>
<tr>
<td>Shipping</td>
</tr>

<tr>
<td>Domestic:</td>
</tr>

<tr>
<td><input id="domesticshippinginput" name="domesticshippinginput" 
type="textbox" /></td>
<td><input name="ADD" id="btnADD" type="submit" value="Submit" /></td>
</tr>

</table>


<script language="javascript" type="text/javascript">
ExecuteOrDelayUntilScriptLoaded(updateListItem,'sp.js'); 

function updateListItem() {
var clientContext = new SP.ClientContext.get_current();
var list = 
clientContext.get_web().get_lists().getByTitle('CurrentTimeFrame');
var domesticshipping = list.getItemById(1);
listItem.set_item('days', domesticshippinginput);
listItem.update();
clientContext.executeQueryAsync(Function.createDelegate(this, 
this.onQuerySucceeded), Function.createDelegate(this, this.onQueryFailed)
);
}

function onQuerySucceeded() {
alert('Item updated successfully!');
}

function onQueryFailed(sender, args) {
alert('Could not update item: ' + args.get_message());
}
</script>

其中 CurrentTimeFrame 是列表的名称，domesticshipping 是行标题的名称，days 是列表中我需要写入的列。国内运输是列表中的第一项。这全部编码在同一个代码片段中(不确定这是否重要)。

Answer 1

您可以使用 REST API 来创建/更新 SharePoint 列表项。

通过jQuery获取输入值。 demo thread

例如:

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script type="text/javascript">
        function CreateItem() {
            $.ajax
                ({
                    url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/GetByTitle('TestList')/items",
                    type: "POST",
                    data: JSON.stringify
                        ({
                            __metadata:
                            {
                                type: "SP.Data.TestListListItem"
                            },
                            Title: $('#txtTitle').val()
                        }),
                    headers:
                    {
                        "Accept": "application/json;odata=verbose",
                        "Content-Type": "application/json;odata=verbose",
                        "X-RequestDigest": $("#__REQUESTDIGEST").val()
                    },
                    success: function (data, status, xhr) {
                        window.location.href = _spPageContextInfo.webAbsoluteUrl + "/Lists/TestList/EditForm.aspx?ID=" + data.d.Id + ""
                    },
                    error: function (xhr, status, error) {
                        console.log(data.responseJSON.error);
                    }
                });
        }

    </script>
    <div>
        Title:
        <br />
        <input type="text" id="txtTitle" />
        <br />
        <input id="Button1" onclick="CreateItem()" type="button" value="button" />
    </div>