Search This Blog

Sunday, September 13, 2015

Set the Default Value for the Field in SharePoint 2010 using ECMAScript

Introduction

In this article you will see how to set the default value for the field in SharePoint 2010 using ECMAScript. I have a list named "List Request" which has the following fields (Navigate to the list, click on List tab in the ribbon interface. Click on List Settings button).

Script1.gif

I am going to set the default value for the column named "Description" using ECMAScript.

Steps Involved

Step 1 : Navigate to the SharePoint site (I have a site page created in my site where I am going to add the content editor web part).

Step 2 : Go to Site Actions, click on Edit Page.

SharePoint2.gif

Step 3 : Click on the Insert tab in the ribbon interface and then click on Web Part button.

SharePoint3.gif

Step 4 : Select Media and Content in the Categories section and then click on Content Editor.

SharePoint4.gif

Step 5 : Click on Add.

Step 6 : The Content Editor web part will be added to the site page.

Step 7 : Click on the down arrow and then click on Edit Web Part.

SharePoint5.gif

Step 8 : Click on "Click here to add new content".

SharePoint6.gif

Step 9 : Click on Format Text tab in the ribbon interface and then click on HTML drop down.

SharePoint7.gif

Step 10 : Click on Edit HTML source.

Step 11 : The HTML source window will pop up.

SharePoint8.gif

Step 12 : Copy and paste the following script.
<script language="ecmascript" type="text/ecmascript"> 
        var fieldCollection;
        var field;
        var list;
        function fieldDefaultValue() {
            var clientContext = SP.ClientContext.get_current();
            if (clientContext != undefined && clientContext != null) {
                var webSite = clientContext.get_web();
                this.list = webSite.get_lists().getByTitle("List Request");
                this.fieldCollection = list.get_fields();
                this.field = fieldCollection.getByTitle("Description");
                this
.field.set_defaultValue("Default");                this.field.update();                clientContext.load(this.field);
                clientContext.executeQueryAsync(Function.createDelegate(thisthis.OnLoadSuccess),
Function.createDelegate(thisthis.OnLoadFailed));
            }
        } 
        function OnLoadSuccess(sender, args) {
            
alert(this.field.get_defaultValue());        } 
        function OnLoadFailed(sender, args) {
            alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());
        }
</
script
>    <input id="btnFieldDefaultValue" onclick="fieldDefaultValue()" type="button" value="Field Default Value" />

Step 13 : Click on Ok.

Step 14 : In the ribbon interface click on the Save & Close button.

SharePoint9.gif

Step 15 : In the content editor web part you can find a button named "Field Default Value"; click on that button.

SharePoint10.gif

Step 16 : An alert will pop up which displays the default value for the field.

Script2.gif

Reference
  1. SP.Field.defaultValue() Property - http://msdn.microsoft.com/en-us/library/ee547636.aspx
  2. SP.Field.update() Method - http://msdn.microsoft.com/en-us/library/ee659278.aspx

No comments:

Post a Comment