webpart表單提交到sharepoint的自定義列表

Question

是否可以創建一個帶有名稱，電子郵件，地址和提交按鈕等字段的表單可視web部件。用戶提交數據後，應提交到SharePoint的自定義列表這裏自定義列表將具有相同的字段，如姓名，電子郵件，地址。我創建了一個自定義列表。

我在網上搜索，但我沒有找到任何解決方案。也是新的分享點。如果任何人可以提供一些鏈接，這將是有幫助的。

謝謝

Answer 1

是的，這是非常有可能使用jQuery和AJAX。

所以，讓我們說，只是簡短，這就是你輸入：

<input type='text' id='name' /> 
<input type='submit' id='submitdata' value='submit /> 

使用jQuery，你可以這樣做：

$(function(){ 

    $('#submitdata').click(function(){ 
     //this gets the value from your name input 
     var name = $('#name').val(); 
     var list = "PutYourListNameHere"; 

     addListItem(name, list); 
    }); 

}); 

function addListItem(name, listname) { 

var listType = "PutTheTypeOfListHere"; 

// Prepping our update & building the data object. 
// Template: "nameOfField" : "dataToPutInField" 
var item = { 
    "__metadata": { "type": listType}, 
    "name": name 
} 

// Executing our add 
$.ajax({ 
    url: url + "/_api/web/lists/getbytitle('" + listname + "')/items", 
    type: "POST", 
    contentType: "application/json;odata=verbose", 
    data: JSON.stringify(item), 
    headers: { 
     "Accept": "application/json;odata=verbose", 
     "X-RequestDigest": $("#__REQUESTDIGEST").val() 
    }, 
    success: function (data) { 
     console.log("Success!"); 
     console.log(data); // Returns the newly created list item information 
    }, 
    error: function (data) { 
     console.log("Error!"); 
     console.log(data); 
    } 
}); 

} 

這應該工作。我不在我的SharePoint工作站工作，所以如果你仍然有這個問題，讓我知道。

Answer 2

您可以使用SPServices也，它將工作

<script type="text/javascript" src="~/jquery-1.5.2.min.js"></script> 
<script type="text/javascript" src="~/jquery.SPServices-0.7.2.min.js"></script> 

HTML

<input type='text' id='name' /> 
<input type='text' id='email' /> 
<input type='text' id='mobile' /> 
<input type='submit' id='submit' value='Submit' /> 

SPServices

<script type="text/javascript"> 
$("#submit").click(function(){ 

    var Fname=$("#name").val(); 
    var Email =$("#email").val(); 
    var Mobile =$("#mobile").val(); 

    $().SPServices({ 
     operation: "UpdateListItems", 
     async: false, 
     batchCmd: "New", 
     listName: "YourCustomListName", 
     valuepairs: [["Fname", Fname], ["Email", Email], ["Mobile", Mobile]], //"Fname","EMail" and "Mobile" are Fields Name of your custom list 
     completefunc: function(xData, status) { 

      if (status == "success") { 
       alert ("Thank you for your inquiry!"); 
      } 
      else { 
       alert ("Unable to submit your request at this time."); 
      } 

     } 
    }); 
}); 
</script>