.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
 
Sign In
Register
 
Win Surprise Gifts!!!
Congratulations!!!


Top 5 Contributors of the Month
david stephan

Home >> Articles >> SharePoint >> Post New Resource Bookmark and Share   

 Subscribe to Articles

Get the lookup field value for a list item in SharePoint 2010 using ECMAScript

Posted By:Vijai Anand. R       Posted Date: May 15, 2012    Points: 200    Category: SharePoint    URL: http://www.dotnetspark.com  

In this article you will see how to get the lookup field value for a list item in SharePoint 2010 using ECMAScript.
 

Get the lookup field value for a list item in SharePoint 2010 using ECMAScript
 
In this article you will see how to get the lookup field value for a list item in SharePoint 2010 using ECMAScript.
 
Introduction:
 
In this article you will see how to get the lookup field value for a list item in SharePoint 2010 using ECMAScript. I have a custom list named “Custom” which has a lookup column named “LookupSingleValue”.
 

 
And I have the following item in the list as shown in the following figure.
 

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 listItem;
  var list;
  var clientContext;
 
  function getLookUp() {
  this.clientContext = SP.ClientContext.get_current();
  if (this.clientContext != undefined && clientContext != null) {
  var webSite = clientContext.get_web();
  this.list = webSite.get_lists().getByTitle("Custom");
  this.listItem = list.getItemById(5);
  clientContext.load(this.listItem);
  this.clientContext.executeQueryAsync(Function.createDelegate(this, this.OnLoadSuccess), Function.createDelegate(this, this.OnLoadFailed));
  }
  }
 
  function OnLoadSuccess(sender, args) {
  var lookup = this.listItem.get_item("LookupSingleValue");
   alert("Lookup Id: " + lookup.get_lookupId() + "\n Lookup Value: " + lookup.get_lookupValue());
 
 
  }
 
  function OnLoadFailed(sender, args) {
  alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());
   }</script>
  <input id="btnGetLookUp" onclick="getLookUp()" type="button" value="Get Look Up" />
 
 
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 Look Up”, click on that button.
 

16.  Alert will pop up.
 

 
Reference:
 

1.  SP.FieldLookupValue.lookupId Property - http://msdn.microsoft.com/en-us/library/ee553739.aspx

2.  SP.FieldLookupValue.lookupValue Property - http://msdn.microsoft.com/en-us/library/ee551154.aspx

 
Summary:
 
Thus in this article you have seen how to get the lookup field value for a list item in SharePoint 2010 using ECMAScript.

 Subscribe to Articles

     

Further Readings:

Responses

No response found. Be the first to respond this post

Post Comment

You must Sign In To post reply
Find More Articles on C#, ASP.Net, Vb.Net, SQL Server and more Here

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend