Call function on button click for adding items to sharepoint list. RRS feed

  • Question

  • On button click how can I call the addlistitem() function.I am looking to add items on button click...New to csom,dont have much idea how to achieve this.

    <script src=" " type="text/javascript"></script>
    <script type="text/javascript">
      ExecuteOrDelayUntilScriptLoaded(AddListItem, "sp.js");

    function AddListItem(){
        var ListName = "MyList";
        var context = new SP.ClientContext.get_current(); // the current context is taken by default here
        //you can also create a particular site context as follows
        //var context = new SP.ClientContext('/Sites/site1');
        var lstObject = context.get_web().get_lists().getByTitle(ListName);
        var listItemCreationInfo = new SP.ListItemCreationInformation();
        var newItem = lstObject.addItem(listItemCreationInfo);
        newItem.set_item('Title', 'This is new item');
        // set values to other columns of the list here
        context.executeQueryAsync(Function.createDelegate(this, this.onSuccess),
            Function.createDelegate(this, this.onFailure));
         function onSuccess() {
            alert('Item created: ' + newItem.get_id());
        function onFailure(sender, args) {
            alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());

        <input type="button" value="submit" id="btnSub" />

    Friday, January 16, 2015 5:37 AM


All replies