Get the field links from the content type in SharePoint 2010 using ECMAScript

Get the field links from the content type in SharePoint 2010 using ECMAScript
 
In this article you will see how to get the field links from the content type in SharePoint 2010 using ECMAScript.
 
Introduction:
 
In this article you will see how to get the field links from the content type in SharePoint 2010 using ECMAScript. I have a custom content type named “Custom Content type” under “Custom Content Types” group (Navigate to the site, click on Site Actions. Click on Site Settings. In the Galleries section, click on Site Content Types. Click on “Custom Content Type”).
 

 
I am going to get all the field links from the “Custom Content type” content type using ECMAScript.
 
Steps Involved:
 
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).
2.  Go to Site Actions, click on Edit Page.
 

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

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

 
5.  Click on Add.
6.  Content editor web part will be added to the site page.
7.  Click on down arrow and then click on Edit Web Part.
 

 
8.  Click on “Click here to add new content”.
 

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

 
10.  Click on Edit HTML source.
11.  HTML source window will pop up.
 

 
12.  Copy and paste the following script.
 

<script language="ecmascript" type="text/ecmascript">     var contentTypeCollection;   var contentType;   var fieldLinks;     function getFieldLinks() {   var clientContext = new SP.ClientContext.get_current();   if (clientContext != undefined && clientContext != null) {   var web = clientContext.get_web();   this.contentTypeCollection = web.get_contentTypes();   this.contentType = contentTypeCollection.getById("0x01001EE585131CF22F448BB03959CA66EB11");   this.fieldLinks = this.contentType.get_fieldLinks();   clientContext.load(this.fieldLinks);   clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceeded), Function.createDelegate(this, this.onQueryFailed));   }   }     function onQuerySucceeded() {   var fieldLink = "Field Links :\n ";   var fieldLinksEnumerator = this.fieldLinks.getEnumerator();   while (fieldLinksEnumerator.moveNext()) {   var link = fieldLinksEnumerator.get_current();   fieldLink += link.get_name() + '\n';   }   alert(fieldLink);   }     function onQueryFailed(sender, args) {   alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());   }</script>   <input id="btnGetFieldLinks" onclick="getFieldLinks()" type="button" value="Get Field Links" />

 
13.  Click on Ok.
14.  In the ribbon interface click on Save & Close button.
 

 
15.  In the content editor web part you could find a button named “Get Field Links”, click on that button.
 

 
16.  Alert will pop up as shown in the following.
  
Reference:
 
1.  SP.ContentType.fieldLinks Property - http://msdn.microsoft.com/en-us/library/ee547672.aspx
 
Summary:
 
Thus in this article you have seen how to get the field links from the content type in SharePoint 2010 using ECMAScript.