Hands-On Lab. Lab: Client Object Model. Lab version: Last updated: 2/23/2011

Size: px

Start display at page:

Download "Hands-On Lab. Lab: Client Object Model. Lab version: Last updated: 2/23/2011"

Nathan Warren
6 years ago
Views:

1 Hands-On Lab Lab: Client Object Model Lab version: Last updated: 2/23/2011

2 CONTENTS OVERVIEW... 3 EXERCISE 1: RETRIEVING LISTS... 4 EXERCISE 2: PRINTING A LIST... 8 EXERCISE 3: USING ADO.NET DATA SERVICES... 13

3 Overview Lab Time: 45 minutes Lab Folder: C:\Student\Labs\06_ClientOM Lab Overview: The Client Object Model extends the familiar server-side object model to the client. The Client Object Model comes in three flavors:.net, JavaScript and Silverlight. The.NET model can be used with console applications and Windows applications, while the Silverlight client object model can be used from within Silverlight applications. The JavaScript model is used in client scripting. In this lab, you ll make use of the different Client Object Models to build different applications. Note: Lab Setup Requirements This lab requires the OpenXML 2.0 SDK to be installed. This should already be installed on your student VM. Before you begin this lab, you must run the batch file named SetupLab06.bat. This batch file creates a new SharePoint site collection at the location

4 Exercise 1: Retrieving Lists In this exercise you will create the first part of a Windows application for printing SharePoint lists as Word documents. You will retrieve the available lists from a SharePoint site using the.net Client Object model. 1. If you haven t already done so, run the batch file named SetupLab06.bat, found in the c:\student\labs\06_clientom\ folder, to create the new site collection that will be used to test and debug the code you will be writing in this lab. This batch file creates a new site collection at an URL of 2. Launch Internet Explorer and navigate to the top-level site at Take a moment to inspect the site and make sure it behaves as expected. Note that the setup script creates a new site collection with a Blank site as its top-level site. 3. Launch Visual Studio In Visual Studio, start a new project by selecting File» New» Project. 5. In the New Project dialog, expand the nodes Visual C#/Visual Basic» Windows and select Windows Forms Application. Make sure that Framework 3.5 is selected. 6. Name the new project ListPrinter and click the OK button. 7. Add a reference to the Client Object Model by selecting Project» Add Reference from the Visual Studio main menu. In the References dialog, on the.net tab select both the Microsoft.SharePoint.Client and Micorosoft.SharePoint.Client.Runtime compontents. Click OK. Note: if you cannot find these in the.net tab, Browse to C:\Program Files\Common Files\Microsoft Shared\web server extensions\14\isapi and select the following assemblies, then click OK to add the references to the project: C# Microsoft.SharePoint.Client.dll Microsoft.SharePoint.Client.Runtime.dll 8. Drag a TextBox control onto Form1. You ll use this TextBox to specify the Url for the site where you want to access list data. Set the Name property to UrlTextBox. 9. Drag a ListBox control onto Form1. You ll use this to show the lists available from the site. Set the Name property to ListsListBox. 10. Drag a Button control onto Form1. You ll use this button to connect with the site and fill the ListBox. Change the Text property of this button to Show Lists and the Name property to ShowButton.

5 11. Set the Form1 Text property to Client Object Model. 12. You can optionally drag additional labels onto the form to make it look like the following: Figure 1 Design the user interface of the form 13. Double-click the Button control to open the code window. To avoid ambiguous references between the Client Object Model and the Windows Forms namespace, add the following statement to the top of the code module. C# using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; using ClientOM = Microsoft.SharePoint.Client; VB.NET Imports ClientOM = Microsoft.SharePoint.Client 14. Enter the following code in the ShowButton_Click event to retrieve the available lists from the target site. C# private void ShowButton_Click(object sender, EventArgs e) //Show the hourglass wait cursor this.cursor = Cursors.WaitCursor; ListsListBox.Items.Clear(); //Get a context

6 VB.NET using (ClientOM.ClientContext ctx = new ClientOM.ClientContext(UrlTextBox.Text)) //Get the site ClientOM.Web site = ctx.web; ctx.load(site); //Get Lists ctx.load(site.lists); //Query ctx.executequery(); //Fill List foreach (ClientOM.List list in site.lists) ListsListBox.Items.Add(list.Title); //Return the cursor to normal this.cursor = Cursors.Default; Private Sub ShowButton_Click(ByVal sender As Object, ByVal e As EventArgs) Handles ShowButton.Click 'Show the hourglass wait cursor Me.Cursor = Cursors.WaitCursor ListsListBox.Items.Clear() 'Get a context Using ctx As New ClientOM.ClientContext(UrlTextBox.Text) 'Get the site Dim site As ClientOM.Web = ctx.web ctx.load(site) 'Get Lists ctx.load(site.lists) 'Query ctx.executequery() 'Fill List For Each list As ClientOM.List In site.lists ListsListBox.Items.Add(list.Title) Next 'Return the cursor to normal Me.Cursor = Cursors.[Default] End Using End Sub 15. Run your project, enter in the TextBox control and click the Show Lists button. Verify that you are returning lists from the site. Note: If you get an error when the ClientContext calls ExecuteQuery(), try navigating to the site in the browser first, then rerun the code.

7 Figure 2 The.NET Client object model in action 16. Stop the project and return to Visual Studio. Note: In this exercise you created a Windows Forms application that used the SharePoint Client Object Model to query a SharePoint site for all the lists in the site and display them in a listbox.

8 Exercise 2: Printing a List In this exercise you will finish the application by using a combination of the Client Object model and the Open XML 2.0 SDK for Office to create a Word document that contains list items from a selected list. This exercise requires that the OpenXML 2.0 SDK is installed. 1. Using the same Windows Form application from the previous exercise, drag a new Button control to Form1. This second button will be used to create a Word document from the items in a selected list. 2. Change the Text property for the Button to Print List. Change the Name property to PrintButton 3. Add a reference to the OpenXML SDK 2.0 API by selecting Project» Add Reference from the Visual Studio main menu. a. In the References dialog, set a reference to DocumentFormat.OpenXML. If this does not show up on the.net references tab, you will have to browse to the C:\Program Files (x86)\openxml SDK\v2.0\lib directory. b. Add another reference to WindowsBase.dll assembly by following the same steps. Again, if this does not show up on the.net references Tab, browse to C:\Program Files\Reference Assemblies\Microsoft\Framework\v3.0 and select to set a reference to WindowsBase.dll. 4. When Form1 open in Design mode, double click the Print List button to open the code window. 5. Add the following statements to the top of the code module to use the Open XML 2.0 API. C# using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; using ClientOM = Microsoft.SharePoint.Client; using DocumentFormat.OpenXml; using DocumentFormat.OpenXml.Packaging; using DocumentFormat.OpenXml.Wordprocessing; Visual Basic Imports ClientOM = Microsoft.SharePoint.Client Imports DocumentFormat.OpenXml Imports DocumentFormat.OpenXml.Packaging

9 Imports DocumentFormat.OpenXml.Wordprocessing 6. Add the following code to the Click event of the Print List button to retrieve the columns and list items that you will need to build the document. C# private void PrintButton_Click(object sender, EventArgs e) if (ListsListBox.SelectedIndex > -1) //Context using (ClientOM.ClientContext ctx = new ClientOM.ClientContext(UrlTextBox.Text)) //Get selected list string listtitle = ListsListBox.SelectedItem.ToString(); ClientOM.Web site = ctx.web; ctx.load(site,s => s.lists.where(l => l.title == listtitle)); ctx.executequery(); ClientOM.List list = site.lists[0]; //Get fields for this list ctx.load(list,l => l.fields.where(f => f.hidden == false && (f.canbedeleted == true f.internalname == "Title"))); ctx.executequery(); //Get items for the list ClientOM.ListItemCollection listitems = list.getitems(clientom.camlquery.createallitemsquery()); ctx.load(listitems); ctx.executequery(); Visual Basic // DOCUMENT CREATION CODE GOES HERE MessageBox.Show("Document Created!"); Private Sub PrintButton_Click(ByVal sender As Object, ByVal e As EventArgs) _ Handles PrintButton.Click If ListsListBox.SelectedIndex > -1 Then 'Context Using ctx As New ClientOM.ClientContext(UrlTextBox.Text) 'Get selected list Dim listtitle As String = ListsListBox.SelectedItem.ToString()

10 Dim site As ClientOM.Web = ctx.web ctx.load(site, Function(s) s.lists.where(function(l) l.title = listtitle)) ctx.executequery() Dim list As ClientOM.List = site.lists(0) 'Get fields for this list ctx.load(list, Function(l)l.Fields.Where(Function(f) f.hidden = False _ AndAlso (f.canbedeleted = True _ OrElse f.internalname = "Title"))) ctx.executequery() 'Get items for the list Dim listitems As ClientOM.ListItemCollection =list.getitems(clientom.camlquery.createallitemsquery()) ctx.load(listitems) ctx.executequery() ' DOCUMENT CREATION CODE GOES HERE End Using MessageBox.Show("Document Created!") End If End Sub Note: The Open XML formats use a set of XML documents to represent all of the components of an Office 2007 document. These components are referred to as parts. Parts are designated through content type URI s (not to be confused with SharePoint content types!). So, the process of creating a Word document involves the proper creation and packaging of the required parts. The OpenXML 2.0 SDK makes it easier to create these parts because it provides strongly-types objects from which you can build a document. The document you will create will contain a table with columns for each field in the list. 7. Add the following code into your project to build the document. C# private void PrintButton_Click(object sender, EventArgs e)... ctx.load(list.items); ctx.executequery(); //Create the document using (WordprocessingDocument package = WordprocessingDocument.Create("c:\\" + istslistbox.selecteditem.tostring() + ".docx", WordprocessingDocumentType.Document))

11 Body body = new Body(); Table table = new Table(); //Columns TableRow colrow = new TableRow(); foreach (ClientOM.Field field in list.fields) TableCell colcell = new TableCell(); colcell.append(new Paragraph(new Run(new Text(field.Title)))); colrow.append(colcell); table.append(colrow); //Rows foreach (ClientOM.ListItem item in listitems) TableRow datarow = new TableRow(); foreach(clientom.field field in list.fields) TableCell datacell = new TableCell(); string dataval = string.empty; try dataval =item[field.internalname].tostring(); catch dataval = "-"; datacell.append(new Paragraph(new Run(new Text(dataVal)))); datarow.append(datacell); table.append(datarow); body.append(table); //Build document package package.addmaindocumentpart(); package.maindocumentpart.document = new Document(body); package.maindocumentpart.document.save(); package.close(); MessageBox.Show("Document Created!");

12 Visual Basic Private Sub PrintButton_Click(ByVal sender As Object, ByVal e As EventArgs) Handles PrintButton.Click ctx.load(list.items) ctx.executequery() ' DOCUMENT CREATION CODE GOES HERE 'Create the document Using package As WordprocessingDocument = WordprocessingDocument.Create("c:\" + ListsListBox.SelectedItem.ToString() & ".docx", WordprocessingDocumentType.Document) Dim body As New Body() Dim table As New Table() 'Columns Dim colrow As New TableRow() For Each field As ClientOM.Field In list.fields Dim colcell As New TableCell() colcell.append(new Paragraph(New Run(New Text(field.Title)))) colrow.append(colcell) Next table.append(colrow) 'Rows For Each item As ClientOM.ListItem In listitems Dim datarow As New TableRow() For Each field As ClientOM.Field In list.fields Dim datacell As New TableCell() Dim dataval As String = String.Empty Try dataval = item(field.internalname).tostring() Catch dataval = "-" End Try datacell.append(new Paragraph(New Run(New Text(dataVal)))) datarow.append(datacell) Next table.append(datarow) Next

13 body.append(table) Document(body) 'Build document package package.addmaindocumentpart() package.maindocumentpart.document = New package.maindocumentpart.document.save() package.close() End Using End Using MessageBox.Show("Document Created!") End If End Sub 8. Once you have finished coding, verify that the project compiles and starts it in Visual Studio by building and running it [Ctrl] + [F5]. You should be able to enter a URL for a site and retrieve the lists for the site. Then select a list from the site and print it. A new Word document will appear in the root of the C:\ drive having a name that is the title of the selected list. (Note: as we do not have much data on this site, the documents created will likewise not have much data in them. One list that has a couple of entries on it is the Web Part Gallery, if you wish to see some data in your word document try selecting this one to Print) Note: In this exercise you added code to the existing Windows Forms application that prints the contents of a SharePoint list to a Word document using the OpenXML 2.0 SDK. Exercise 3: Using ADO.NET Data Services

In this exercise you will create an application using ADO.NET Data Services. This exercise requires the installation of ADO.NET Data Services version 1.5 (CTP2).

14 In this exercise you will create an application using ADO.NET Data Services. This exercise requires the installation of ADO.NET Data Services version 1.5 (CTP2). You should also have completed Lab 5 LINQ to SharePoint because you will reuse the lists from that lab in this exercise. 1. In Visual Studio 2010, create a new project by selecting File» New» Project. 2. In the New Project dialog, expand the nodes Visual C#/Visual Basic» Windows and select Windows Form Application. Pay attention that the Framework 3.5 is selected. 3. Name the new project ProjectManagers and click the OK button. 4. When the new project opens, right-click the References node in the Solution Explorer and select Add Service Reference. 5. In the Add Service Reference dialog, enter the URL for the ListData Web Service. This service is available through the ListData.svc endpoint. You can create a URL for the service by appending _vti_bin/listdata.svc to the URL for the site you created in a previous lab (e.g., 6. Once you have located the ListData service, change the namespace in the Add Service Reference to MyDataService. Then click the OK button. Note: When Visual Studio makes the service reference, it uses the functionality found in System.Data.Service.Client. However, you need to replace this reference with a reference to Microsoft.Data.Services.Client, which is part of the ADO.NET Data Services 1.5 CTP2. Figure 3 The System.Data.Services.Client reference 7. Right click the System.Data.Services.Client reference in the Solution Explorer and select Remove from the menu. 8. Right click the References node in the Solution Explorer and select Add Reference. 9. In the Add Reference dialog, click the Browse tab. Navigate to C:\Program Files (x86)\ado.net Data Services V1.5 CTP2\bin. Add a reference to Microsoft.Data.Services.Client.dll.

Figure 4 Add a reference to the Microsoft.Data.Services.Client Note: In addition to replacing the client-side assembly, you must also make new proxy classes for your project.

15 Figure 4 Add a reference to the Microsoft.Data.Services.Client Note: In addition to replacing the client-side assembly, you must also make new proxy classes for your project. This is because Visual Studio does not use the proxy creation capability found in ADO.NET Data Services 1.5 CTP2. You can make the new proxies using a command-line utility. 10. Open a command window and change the directory to C:\Program Files (x86)\ado.net Data Services V1.5 CTP2\bin. 11. At the command prompt, type the following to generate new proxy classes: C# DataSvcUtil.exe /uri: /language:csharp /out:reference.cs Visual Basic DataSvcUtil.exe /uri: /language:vb /out:reference.vb 12. Copy the new file Reference.cs (found in the same directory where the DataSvcUtil.exe was executed) over existing file with the same name in the MyDataService folder of your project. Your project is now all set to use the new ADO.NET Data Services. 13. In Visual Studio open the Data Sources window by selecting Data» Show Data Sources from the menu. In this window, you should see the lists available on the SharePoint site.

Figure 5 The Data Sources window Note: If you don t see data sources listed in the Data Sources window, right-click the MyDataService reference in the Solution Explorer and select Update Service

16 Figure 5 The Data Sources window Note: If you don t see data sources listed in the Data Sources window, right-click the MyDataService reference in the Solution Explorer and select Update Service Reference. If you do this, make sure you go back and remove the reference to System.Data.Services.Client that was re-added by Visual Studio. 14. In the Data Sources window, click the Add New Data Source button (left-most button). 15. In the Data Source Configuration Wizard, select Object and click the Next button. 16. On the Select Data Objects screen, expand the ProjectManagers treeview. Select EmployeesItem and ProjectsItem and click the Finish button.

17 Figure 6 The Data Source Configuration Wizard 17. Drag the ProjectsItem data source from the Data Sources window and drop it on the Windows form. This action will create a grid on the form. Figure 7 Drag and drop the ProjectItems data source

18 18. Right click the grid and select Edit Columns from the context menu. Remove all of the columns except for Title, and Description. Then click the OK button. 19. To work with LINQ in SharePoint, you need to add a reference to a new assembly. Do this with the following steps: a. Select Project» Add Reference from the Visual Studio main menu. 20. In the Add Reference dialog, on the.net tab select Microsoft.SharePoint.Linq and click the OK button. (Note: if you cannot find it here, Browse to c:\program Files\Common Files\Microsoft Shared\web server extensions\14\isapi and select Microsoft.SharePoint.Linq.dll. Then click the OK button. 21. Open the code window for the form and add the following statements to the top of the code module. C# using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; using Microsoft.SharePoint.Linq; using System.Net; Visual Basic Imports Microsoft.SharePoint.Linq Imports System.Net 22. Add code to create a context object so that your project matches the following. C# namespace ProjectManagers public partial class Form1 : Form public Form1() InitializeComponent(); //Context MyDataService.Lab5UsingLINQToSharePointDataContext ctx = new MyDataService.Lab5UsingLINQToSharePointDataContext(new Uri( "

19 Visual Basic Public Class Form1 'Context Private ctx As New MyDataService.Lab5UsingLINQToSharePointDataContext(New Uri(" End Class Note: If you encounter an error after having typed in MyDataService, remove the complete statement and type Lab5UsingLINQToSharePointDataContext. Right-click this and choose Resolve. Click on the suggested using statement. 23. In the Form1_Load event, add the following code to bind the list items to the grid. If the Form1_Load event doesn t exist, go back to the Design and double-click the form to create it. C# private void Form1_Load(object sender, EventArgs e) ctx.credentials = CredentialCache.DefaultCredentials; var q = from p in ctx.projects select p; this.projectsitembindingsource.datasource = q; Visual Basic Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load ctx.credentials = CredentialCache.DefaultCredentials Dim q = From p In ctx.projects _ Select p Me.projectsItemBindingSource.DataSource = q End Sub 24. Run the project now and you should see some results in the grid. 25. Return to Visual Studio. Open Form1 in Design view and right-click the save icon on the form and select Enabled from the context menu.

20 Figure 8 Configure the data source 26. Now add the following code to your project to enable saving the changes you make in the grid. C# private void projectsitembindingnavigatorsaveitem_click(object sender, EventArgs e) ctx.savechanges(); private void projectsitembindingsource_currentchanged(object sender, EventArgs e) ctx.updateobject(this.projectsitembindingsource.current); Visual Basic Private Sub projectsitembindingnavigatorsaveitem_click(byval sender As System.Object, ByVal e As System.EventArgs) ctx.savechanges() End Sub Private Sub projectsitembindingsource_currentchanged(byval sender As System.Object, ByVal e As System.EventArgs) ctx.updateobject(me.projectsitembindingsource.current) End Sub 27. Go back to the Design view, right click the Save button and select Properties. This will open the Properties tool window. In the Click event, select projectsitembindingnavigatorsaveitem_click.

In the CurrentChanged event, select projectsitembindingsource_currentchanged. Figure 10 Bind the CurrentChanged event to the event handler 29.

21 Figure 9 Bind the click event to the SaveItem event handler 28. In the drop down at the top of the Properties tool window, change the selection from projectsitembindingnavigatorsaveitem to projectsitembindingsource. In the CurrentChanged event, select projectsitembindingsource_currentchanged. Figure 10 Bind the CurrentChanged event to the event handler 29. Run the project again and make a few changes to the existing items clicking the Save button when finished (make sure you change the focus so the control knows there are changes to a specific item). Now open the browser and go find the item you just changed to see if in fact your changes were persisted.

22 Note: In this exercise you utilized ADO.NET Services to retrieve and update items within a SharePoint list.

A SharePoint Developer Introduction. Hands-On Lab. Lab Manual HOL5 Using Client OM and REST from.net App C#

A SharePoint Developer Introduction Hands-On Lab Lab Manual HOL5 Using Client OM and REST from.net App C# Information in this document, including URL and other Internet Web site references, is subject