Client Side Object Model in SharePoint 2010

SharePoint 2010 offers a useful way to access SharePoint objects from the client side. A developer can use .Net managed code, ECMAScript to access SharePoint objects like List, Site, Library etc.

On this blog, I will write a code to select data from SharePoint list. I will use .Net managed code to do this.


First of all, you need to add references of 2 dlls.

Microsoft.SharePoint.Client.dll and Microsoft.SharePoint.Client.Runtime.dll which are available in hive(14)/ISAPI folder.

Once dlls got referenced in your project, you may start coding.

C# code to bind all Title to drop down from a list with name “MyList“

You may bind data with any data control, here I have used DropDown control.


JavaScript Object Model (JSOM)
ECMAScript is a java script based scripting language which is used in SharePoint to access objects client-side.
We can write ECMA Script in an aspx file and access SharePoint objects.

Below script will count the no. of items present in the list.
Create a list with name “MyList” in SharePoint.
Add few items.
Create a web part page and add content editor web part on that page.
Put below code in Editor and save the page.
Refresh your page, it will give you alert with a number of items available in mentioned list.

<script type="text/javascript">

ExecuteOrDelayUntilScriptLoaded(MainFunction, "SP.js"); 
  
var objContext = null; 
var objWeb = null     
var objList = null;
var objItem = null;

    function MainFunction() {   
        objContext = new SP.ClientContext.get_current();
        objWeb = objContext.get_web();   
        objList = objWeb.get_lists().getByTitle("MyList");
  
        objContext.load(objList);

        objContext.executeQueryAsync(Function.createDelegate(this, this.onSuccess), Function.createDelegate(this, this.onFail));   
    }   

    function onSuccess(sender, args) {
        alert('Item Count: ' + objList.get_itemCount());
    }   

    function onFail(sender, args) {   
        alert('Some error has occured.');   
    }  
 </script>

ExecuteOrDelayUntilScriptLoaded(MainFunction, “SP.js”) function takes the name of the function that needs to be executed as the main function and will load the SP.js file, which is the core of Client Object Model.