dotnet thoughts » sharepoint

How to Add Items to Sharepoint list using Silverlight Object Model

Anuraj P — Mon, 15 Nov 2010 15:36:06 +0000

Last few days I am working around Silverlight Object Model with sharepoint. In this post I am explaining about adding items to Sharepoint list using Silverlight Object Model. I created a list in sharepoint with few columns like Name, Email and Comments.

And I created a Silverlight application with few textboxes and a submit button.

Silverlight Screen

Here is the code.

ClientContext clientContext = null;
Web web = null;
List list = null;

clientContext = new ClientContext("http://sharepoint:2010");
web = clientContext.Web;
list = web.Lists.GetByTitle("samplelist");
ListItem listItem = list.AddItem(new ListItemCreationInformation());
listItem["Title"] = Guid.NewGuid().ToString();
listItem["Name"] = this.txtName.Text;
listItem["Email"] = this.txtEmail.Text;
listItem["Comments"] = this.txtcomments.Text;
listItem.Update();
clientContext.Load(list, olist => olist.Title);
clientContext.ExecuteQueryAsync(
    new ClientRequestSucceededEventHandler(delegate(object o, ClientRequestSucceededEventArgs successargs)
    {
        this.Dispatcher.BeginInvoke(new Action(delegate()
        {
            MessageBox.Show("New Item Created " + listItem["Title"]);
        }), null);
    }),
    new ClientRequestFailedEventHandler(delegate(object o, ClientRequestFailedEventArgs failedArgs)
    {
        this.Dispatcher.BeginInvoke(new Action(delegate()
        {
            MessageBox.Show("New Item creation failed");
        }), null);
    })
);

Related content:

How to access SharePoint List Items using Silverlight Object Model

Anuraj P — Thu, 04 Nov 2010 15:36:01 +0000

In the last postI introduced the Silverlight Object Model, which helps to access the SharePoint objects directly from Silverlight. In this I am posting about how to access SharePoint List Items using Silverlight Object Model. In this I am using Caml query object, which is used to get the Fields.

private Web oWebSite = null;
private List oList = null;
private ListItemCollection oListItems = null;
private ClientContext clientContext = null;

this.clientContext = ClientContext.Current;
if (this.clientContext == null)
{
this.clientContext = new ClientContext(url);
}
using (this.clientContext)
{
this.oWebSite = clientContext.Web;
this.oList = this.oWebSite.Lists.GetByTitle(this.listName);
this.oListItems = this.oList.GetItems(CamlQuery.CreateAllItemsQuery());
    clientContext.Load(this.oListItems);
clientContext.ExecuteQueryAsync(onQuerySucceeded, onQueryFailed);
}

private void onQuerySucceeded(object sender, ClientRequestSucceededEventArgs args)
{
//FillItems method converts the List items to Class Properties
//and binds them to the Silverlight User Interface.
this.Dispatcher.BeginInvoke(new Action(FillItems));
}

private void onQueryFailed(object sender, ClientRequestFailedEventArgs args)
{
MessageBox.Show("An error occured.\n" + args.Message + "\n" + args.StackTrace);
}

And if you don’t want all the columns or you want to specify the columns you want to access you can use Caml Query object’s ViewXml property.

CamlQuery camlQuery = new CamlQuery();
string query = "";
camlQuery.ViewXml = query;
this.oListItems = this.oList.GetItems(camlQuery);

You can access CustomLists and Document Libraries by this method.

Related content:

Using the Silverlight Object Model

Anuraj P — Tue, 26 Oct 2010 15:30:42 +0000

Recently I moved to a new project where I have to integrate Silverlight with SharePoint. I had done a few posts regarding this also. Yesterday I found that in SharePoint 2010(SharePoint foundation), Microsoft introduces Silverlight Object Model which helps to access SharePoint Lists and Document Libraries directly from Silverlight.

Here is my first experiment with Silverlight Object Model which helps to retrieve all the Lists from a given SharePoint site, and displays it in a Combo Box.

private Web oWebSite;
private ListCollection collList;
private void UserControl_Loaded(object sender, RoutedEventArgs e)
{
    using (ClientContext clientContext = new ClientContext("http://sharepoint2010/"))
    {
        this.oWebSite = clientContext.Web;
        this.collList = this.oWebSite.Lists;
        clientContext.Load(collList);
        clientContext.ExecuteQueryAsync(onQuerySucceeded, onQueryFailed);
    }
}

private void onQuerySucceeded(object sender, ClientRequestSucceededEventArgs args)
{
    this.Dispatcher.BeginInvoke(new Action(DisplayLists));
}
private void onQueryFailed(object sender, ClientRequestFailedEventArgs args)
{
    MessageBox.Show("An error occured.\n" + args.Message + "\n" + args.StackTrace);
}

private void DisplayLists()
{
    foreach (List item in collList)
    {
        lstItems.Items.Add(item.Title);
    }
}

Because query execution is asynchronous when you use the SharePoint Foundation Silverlight object model, you must pass delegates for callback methods as parameters in the ExecuteQueryAsync(ClientRequestSucceededEventHandler, ClientRequestFailedEventHandler) method.

Related content:

Silverlight in Sharepoint (WSS 3.0)

Anuraj P — Tue, 12 Oct 2010 03:39:02 +0000

Recently I got an assignment to integrate Silverlight to WSS 3.0, in Sharepoint Foundation(WSS 4.0) there is an out of the box web part available to do the integration. Instead of using that, in this post I am creating a reusable web part which helps to load Silverlight application in SharePoint. It is lot similar like smart part web part in WSS, which helps to render dotnet user controls (ACSX) files as webparts.

Here is my web part code. It uses two JavaScript files as includes, first one the Silverlight.js, which is used by the Silverlight runtime, other one contains the script part which handles any error. Both of this files need to copied to LAYOUTS folder so that we can re-use the code to any application in the server.

public class SilverlightWebpart : WebPart
{
    private string _xapFileName = string.Empty;
    private int _contentHeight = 100;
    private int _contentWidth = 200;
    protected override void OnPreRender(EventArgs e)
    {
        base.OnPreRender(e);
        ClientScriptManager _ClientScriptManager = Page.ClientScript;
        if (!_ClientScriptManager.IsClientScriptIncludeRegistered("sl_javascript"))
            _ClientScriptManager.RegisterClientScriptInclude(this.GetType(), "sl_javascript", "/_LAYOUTS/SL3/Silverlight.js");
        if (!_ClientScriptManager.IsClientScriptBlockRegistered("SilverlightError"))
        {
            _ClientScriptManager.RegisterClientScriptInclude(this.GetType(), "SilverlightError", "/_LAYOUTS/SL3/SilverlightError.js");
        }

    }

    public override void RenderControl(HtmlTextWriter writer)
    {
        writer.WriteLine( string.Format("

", this._contentHeight.ToString(), this._contentWidth.ToString())); writer.WriteLine(""); writer.WriteLine(string.Format("", this._xapFileName)); writer.WriteLine(""); writer.WriteLine(""); writer.WriteLine(""); writer.WriteLine(""); writer.WriteLine(""); writer.WriteLine(""); writer.WriteLine(""); writer.WriteLine("

");
    }

    [WebBrowsable(true),
    WebDescription("Specify the Height of the XAP File Content"),
    WebDisplayName("Content Height"),
    Personalizable(PersonalizationScope.User)]
    public int ContentHeight
    {
        get
        {
            return this._contentHeight;
        }
        set
        {
            this._contentHeight = value;
        }
    }

    [WebBrowsable(true),
    WebDescription("Specify the Width of the XAP File Content"),
    WebDisplayName("Content Width"),
    Personalizable(PersonalizationScope.User)]
    public int ContentWidth
    {
        get
        {
            return this._contentWidth;
        }
        set
        {
            this._contentWidth = value;
        }
    }

    [WebBrowsable(true),
    WebDescription("Specify the XAP File to load"),
    WebDisplayName("XAP File Name"),
    Personalizable(PersonalizationScope.User)]
    public string XAPFile
    {
        get
        {
            return this._xapFileName;
        }
        set
        {
            this._xapFileName = value;
        }
    }
}

The code is pretty self-explanatory. After deploying the webpart and adding the webpart to the Page, select Modify Shared Webpart, you will get Sharepoint customize option like this.

Customize Silverlight Webpart

Please make sure you created a Folder with name SL3 in the _LAYOUTS folder, and copied the two javascript files to the location. The output of the Silverlight project also you need to copy to the Folder. The location will be C:\Program Files\Common Files\microsoft shared\Web Server Extensions\12\TEMPLATE\LAYOUTS\SL3. Specify the XAP File Name property as the XAP File copied to SL3 folder from ClientBin folder. You can also modify the Height and Width of the silverlight application. Click Apply and OK, exit from Edit Mode. The Silverlight application is integrated to sharepoint.

Related content:

Creating a WebPart using Visual Web Developer Express

Anuraj P — Sun, 10 Oct 2010 05:02:36 +0000

Recently I installed the WSS 3.0 in my machine. In this post I am talking about how to develop a web part using Visual Web Developer express, which can be deployed in WSS 3.0. From ASP.Net 2.0 onwards WSS Sharepoint class is inheriting from WebPart class in ASP.Net, but the Sharepoint WebPart class contains more features to create connected WebParts etc.

Create a Class Library project in VWD Express; I am using VWD 2010, and after creating the project make sure you choose the Target framework as .Net Framework 2.0. Otherwise you may get some unable to load target assembly error from WSS.
Add Reference of System.Web.
Create a Class and inherit that from WebPart class, which is available in System.Web.UI.WebControls.WebParts namespace.
Override the CreateChildControls() method, which helps to add /setup ASP.Net controls to the webpart, also you need to override the RenderControl() method, which helps to render the control to the Page.

public class SampleWebPart : WebPart
{
    private TextBox t;
    private Calendar c;
    private DateTime _userDOB = DateTime.Now;
    protected override void CreateChildControls()
    {
        this.t = new TextBox();
        t.Text = this._userDOB.ToString();
        this.c = new Calendar();
        c.SelectionChanged += new System.EventHandler(c_SelectionChanged);
        this.Controls.Add(t);
        this.Controls.Add(c);
    }

    void c_SelectionChanged(object sender, System.EventArgs e)
    {
        this.t.Text = this.c.SelectedDate.ToString();
    }

    public override void RenderControl(HtmlTextWriter writer)
    {
        RenderChildren(writer);
    }

    [WebBrowsable(true),
    WebDescription("Date of Birth of the User"),
    WebDisplayName("DOB"),
    Personalizable(PersonalizationScope.User)]
    public DateTime UserDOB
    {
        get
        {
            return _userDOB;
        }
        set
        {
            _userDOB = value;
        }
    }
}

Build the assembly; put the DLL to the bin of your Website, most probably it will be located in C:\inetpub\wwwroot\wss\VirtualDirectories\{port}\
Also you need to make the assembly into the SafeControl list of the web.config file of the website, which will be in C:\inetpub\wwwroot\wss\VirtualDirectories\{port}\ this location.

Add Assembly to Safe Control list

Now you need to import the WebPart in WSS, you need to Select the Site Actions > Site Settings > Web Parts page. This page will display all the webparts available in the Website. You need to click on the New Link. And from the New Web Parts page, you need to select the new web part you added to the Bin folder.

Add New Web Part

The selected webpart will be added to the Web Part Gallery.

New WebPart in WebPart Gallery

Now go to any page, select the Edit Page option from Site Actions. Click on the Add Web Part button, and you can see the newly added web part in the Add WebPart dialog.

New WebPart in Add Web Part Dialog

And this is the web part running on my home page.

Web Part in my Home Page

The attributed defined in the “UserDOB” property helps to customize the web part.

Related content: