SharePoint 2010 – Client Object Model – C#, Silverlight, JavaScript supported

In this article I would like to discuss about the Client Object Model feature of SharePoint 2010.

Overview

Client Object Model is a new feature of SharePoint 2010. It provides programming against SharePoint site using .Net Managed Code or JavaScript.

The Client Object Model provides almost all the Programming features of Server Object Model plus advantages on Deployment. The Client OM (Client Object Model) is being used as the core programming aid for SharePoint 2010 and thus widely used in market.

Advantages

1. Less Deployment Hassles: Using Client OM, you do not need to install the components required by Server Object Model. Thus Client OM provides much ease to the end user.

2. Language Flexibility: We can use the following languages to work with Client OM:

a. Microsoft .Net

b. Silverlight

c. ECMA Script (JavaScript / Jscript)

3. Query Speed Optimizations: In the Client OM, reduced network traffic is attained using Query Optimizations. Thus the user will feel reduced round trips and other advantages like paged results etc.

How it works?

The Client OM works by sending an XML Request. The server will be returning a JSON response which is the converted to the appropriate Object Model.
image

Supported Languages

Following are the programming language/platform supported for Client Object Model.

· .Net Languages (C#, VB.NET etc.)

· Silverlight

· Scripting Languages (JavaScript, Jscript)

Core Assemblies

There are 2 assemblies to be referred for working with Client Object Model.

1. Microsoft.SharePoint.Client.dll

2. Microsoft.SharePoint.Client.Runtime.dll

These assemblies can be found in the 14 Hive folder:

%ProgramFiles%Common FilesMicrosoft Sharedweb server extensions14ISAPI

image

Classes inside Client Object Model

In C#, comparing with the classes of Server Object Model we can see that Client Object Model have similar classes with a suffix in the namespace and no SP prefix in the class name.

For example: An SPSite in Server Object Model is represented in Client OM as Site with namespace Microsoft.SharePoint.Client.

Client Object Model

Server Object Model

Microsoft.SharePoint.Client.ClientContext

SPContext

Microsoft.SharePoint.Client.Site

SPSite

Microsoft.SharePoint.Client.Web

SPWeb

Microsoft.SharePoint.Client.List

SPList

Example

Following is the example of retrieving a list from server using Client OM:

ClientContext context = new ClientContext("http://hp");

List list = context.Web.Lists.GetByTitle("Tasks");

context.Load(list);

context.ExecuteQuery();

Console.WriteLine(list.Title);

Console.ReadKey(false);

I should remark something about the above code:

· Even though there are multiple calls, they are send to Server until ExecuteQuery() is called

· Network round trips between client and server is reduced combining multiple calls into one

· Object Identity is used to setup the queries. Object Identities are those which refer to the Server Object Model. Object Identities are valid only for the current client context

More Examples with Client Object Model

Here I would like to list some of the examples using Client Object Model. For starting with the examples please do the following:

1. Create a Windows Application

2. Change the Target Framework to .Net 4.0

3. Add reference to Microsoft.SharePoint.Client, Microsoft.SharePoint.Client.Runtime

Before continuing with the examples please ensure the site have valid data items in the Tasks list. We will be changing the data items during our session.

1. Get List Items

Here we are querying the list items of Tasks list.

ClientContext context = new ClientContext(ServerText.Text);

List list = context.Web.Lists.GetByTitle("Tasks");

CamlQuery query = new CamlQuery();

query.ViewXml = "<View/>";

ListItemCollection items = list.GetItems(query);

context.Load(list);

context.Load(items);

context.ExecuteQuery();

After executing the code, the result can be stored into a DataTable as shown below.

DataTable table = new DataTable();

table.Columns.Add("Id");

table.Columns.Add("Title");

foreach (ListItem item in items)

table.Rows.Add(item.Id, item["Title"]);

datagrid.DataSource = table;

On my machine the data retrieves is shown below:

image

2. Update List Items

Here I would like to show the modification code. All the Title is appended with two asterisks who’s Id are of even number.

ClientContext context = new ClientContext(ServerText.Text);

List list = context.Web.Lists.GetByTitle("Tasks");

CamlQuery query = new CamlQuery();

query.ViewXml = "<View/>";

ListItemCollection items = list.GetItems(query);

context.Load(items);

context.ExecuteQuery();

foreach(ListItem item in items)

if ((item.Id % 2) == 0)

{

item["Title"] += "**";

item.Update();

}

context.ExecuteQuery();

After executing the query, please refresh the data grid using the Get Data button. You can see the following result.

You can see that the Titles are modified for those with Id are an even number.

 

image

3. Get By Row Limit

Here we can experiment with the Row Limit tag inside CAML queries. You can note that while accessing list we are actually using a CAMLQuery class instance. Inside the query it is possible to set the RowLimit tag as well.

The RowLimit tag restricts the number of items retrieved from the server. Thus we can save a lot of bandwidth by reducing the rows while doing search.

ClientContext context = new ClientContext(ServerText.Text);

Web web = context.Web;

List list = web.Lists.GetByTitle("Tasks");

CamlQuery query = new CamlQuery();

query.ViewXml = "<View><RowLimit>3</RowLimit></View>";

ListItemCollection listItems = list.GetItems(query);

context.Load(listItems);

context.ExecuteQuery();

You can see that the RowLimit is set to 3. On executing the query and displaying the results to a data grid you can see 3 items as shown below.

image

4. Get By Search Criteria

Now we can try selecting the list items using search criteria. Here we are trying to get the items of Status as ‘In Progress’.

ClientContext context = new ClientContext(ServerText.Text);

List list = context.Web.Lists.GetByTitle("Tasks");

CamlQuery query = new CamlQuery();

query.ViewXml = @"<View>

<Query>

<Where>

<Eq>

<FieldRef Name=’Status’/>

<Value Type=’Text’>In Progress</Value>

</Eq>

</Where>

</Query>

</View>";

ListItemCollection listItems = list.GetItems(query);

context.Load(listItems, items => items.Include(

item => item["Id"],

item => item["Title"],

item => item["Status"]

));

context.ExecuteQuery();

On executing the code above you will get the results filtered by the Status field.

image

5. Insert an Item

Here we can try with inserting a new item into the Tasks list.

ClientContext context = new ClientContext(ServerText.Text);

Web web = context.Web;

List list = web.Lists.GetByTitle("Tasks");

ListItemCreationInformation newItem = new ListItemCreationInformation();

ListItem listItem = list.AddItem(newItem);

listItem["Title"] = "New Item Created through C#";

listItem.Update();

context.ExecuteQuery();

You can see that we are using a new class named ListItemCreationInformation along with the ListItem class. This information will be recorded and passed to the server once the ExecuteQuery() method is called.

On executing the above code and retrieving the results you can see the output as below:

image

6. Update an Item

The Update operation is next in the series of the CRUD pattern. Already we have seen updating the Title. Here you can see updating the Status.

ClientContext context = new ClientContext(ServerText.Text);

List list = context.Web.Lists.GetByTitle("Tasks");

CamlQuery query = new CamlQuery();

query.ViewXml = "<View/>";

ListItemCollection listItems = list.GetItems(query);

context.Load(listItems);

context.ExecuteQuery();

ListItem item = listItems[listItems.Count – 1];

item["Status"] = "In Progress";

item.Update();

context.ExecuteQuery();

On executing the code you can see that the last item was updated.

image

7. Delete an Item

Now we can try deleting an item from the List. Here is the code to achieve that.

ClientContext context = new ClientContext(ServerText.Text);

List list = context.Web.Lists.GetByTitle("Tasks");

ListItemCollection listItems = list.GetItems(new CamlQuery() { ViewXml = "<View/>" });

context.Load(listItems);

context.ExecuteQuery();

listItems[listItems.Count – 1].DeleteObject();

context.ExecuteQuery();

We need to call the DeleteObject() method of the item followed by the ExecuteQuery().

8. Reducing the Result Size by Specifying Properties

So what if you wanted only 1 property value for an item with 10 properties. There will be unwanted transferring of 9 columns. Here we can see how to specify only the needed columns for an item.

ClientContext context = new ClientContext(ServerText.Text);

Web web = context.Web;

context.Load(web, w => w.Title);

context.ExecuteQuery();

MessageBox.Show("The title is: " + web.Title);

MessageBox.Show("Now trying to access a field not in Result Set (expect exception)");

try

{

MessageBox.Show(web.Description); // You will get Error here

}

catch (Exception ex)

{

MessageBox.Show(ex.ToString());

}

Here we can see that only the Title property has been specified for retrieval. Accessing the Description column throws an exception.

9. Reducing the Result Size in List

In the case of list the problem is worse as there are n number of columns for the list. The result will be multiplied n times. So if we need only 1 column and retrieve 10 columns for a list of 1000 items, we end up in getting 9 x 1000 unwanted column values.

So to specify the list columns in the Result Set the syntax will be slightly different.

ClientContext context = new ClientContext(ServerText.Text);

List list = context.Web.Lists.GetByTitle("Tasks");

CamlQuery query = new CamlQuery();

query.ViewXml = "<View/>";

ListItemCollection listItems = list.GetItems(query);

context.Load(listItems, items => items.Include(item => item["Id"]));

context.ExecuteQuery();

Please note the way Id is specified. While filling the results you should take care that only the Id column value is accessed.

DataTable table = new DataTable();

table.Columns.Add("Id");

foreach (ListItem item in listItems)

table.Rows.Add(item.Id);

datagrid.DataSource = table;

10. Specifying Credentials

You can specify user Credentials while accessing the SharePoint server. The property Credentials is for this purpose.

ClientContext context = new ClientContext(ServerText.Text);

context.Credentials = new NetworkCredential("User", "Password");

Web web = context.Web;

context.Load(web);

context.ExecuteQuery();

MessageBox.Show(web.Title);

Please specify the correct user name and password of your site otherwise Unauthorized Exception will be thrown.

So this concludes the article with Client Object Model examples for the most common scenarios. In the real world you will need much more complicated steps and I believe these will provide a base to achieve it.

When to use Server Object Model?

We can use it on the SharePoint server where the Server Object Model binaries are available. Typical example would be inside Web Parts / Workflows.

When to use Client Object Model?

We can use it from client machines where the entire SharePoint binaries are not available. A typical example would be from Windows Form application in a client machine.

References

MSDN on Client Object Model

Technet Blog on Client Object Model

Summary

In this article we have seen an overview about Client Object Model in SharePoint 2010. The source code attached contains various samples of working with the Client Object Model.

One thought on “SharePoint 2010 – Client Object Model – C#, Silverlight, JavaScript supported

Leave a Reply

Your email address will not be published. Required fields are marked *