Part 3: Extending your web part to include toolbars
SharePoint toolbars use user controls (.ascx files) to control HTML rendering and layout. This is great if you have an ASPX page to use them on (in fact, you can base your efforts off one of the built in pages in the layouts directory). However, this presents an interesting challenge when you want to create toolbars through assembly code alone.
You'll notice there's no constructor for the two useful classes, Toolbar and ToolbarButton in the Microsoft.SharePoint.WebControls namespace. To get toolbars in your web part, you need to create a control using the Page.LoadControl method, pointing to the relevant user control and casting the results. It’s pretty simple:
private void CreateToolbar()
{
ToolBarButton toolbuttonGrouping =
(ToolBarButton)Page.LoadControl("~/_controltemplates/ToolBarButton.ascx");
toolbuttonGrouping.Text = "Show in Groups";
toolbuttonGrouping.ImageUrl = "/_layouts/images/TABGEN.gif";
toolbuttonGrouping.Click += new EventHandler(toolbuttonGrouping_Click);
ToolBar toolbar = (ToolBar)Page.LoadControl("~/_controltemplates/ToolBar.ascx");
toolbar.Buttons.Controls.Add(toolbuttonGrouping);
Controls.Add(toolbar);
}
void toolbuttonGrouping_Click(object sender, EventArgs e)
{
throw new NotImplementedException();
}
This produces the following toolbar, when called from CreateChildControls:
You can add buttons to the right using Toolbar.RightButtons.Controls collection if you fancy.
P.s. Sorry for the blogging gap – it’s been rather busy lately. At your request, I’m now putting together a full downloadable sample solution for SPGridView, SPMenuField and the Toolbar stuff, complete with grouping, paging and sorting. Check back in a couple of weeks.
Part 2: Extending your SPGridview with paging controls
In Part 1: Using SPGridview, adding menus, grouping and sorting I looked at how to use an SPGridView from the ground up to bind to a custom DataSet. One of the features I omitted at the time was paging:

Jason Wang already has a good post on the subject, but I’m going to continue my example with some pretty verbose code so hopefully things will just work first time for you. There is a gotcha – in order to display the paging tabs PagerTemplate needs to be set to null after the grid is added to the controls collection but before BindData is called; and you’ll need to give some extra consideration if you’re also using sorting.
In Part 3 by the way, I really want to cover filtering, but it’s proving tricky stuff, due to the way SPGridView is designed to process the filtering callback. At least I understand the problem - more on that shortly.
Extending your code
Pop this code just above oGrid.DataBind():
// Turn on paging and add event handler
oGrid.PageSize = 3;
oGrid.AllowPaging = true;
oGrid.PageIndexChanging +=
new GridViewPageEventHandler(oGrid_PageIndexChanging);
oGrid.PagerTemplate = null; // Must be called after Controls.Add(oGrid)
// Recreate current sort if needed
if (ViewState["SortDirection"] != null && ViewState["SortExpression"] != null)
{
// We have an active sorting, so this need to be preserved
oView.Sort = ViewState["SortExpression"].ToString()
+ " " + ViewState["SortDirection"].ToString();
}
and add the event handler:
void oGrid_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
oGrid.PageIndex = e.NewPageIndex;
oGrid.DataBind();
}
The extra lines around sorting are important if you enabled sorting on the list in Part 1. Adding the paging means CreateChildControls() could now fire on a postback without a subsequent call to oGrid_Sorting(). Depending on how you’re implementing state, this could mean the list switches back to being unsorted – giving the impression of duplicating or missing out entries if you sort before you page, so to speak.
Enjoy.
Part 1: Using SPGridview, adding menus, grouping and sorting
Click along to build this lovely Web Part, taking data directly from a standard .NET DataSet:

SharePoint lists and libraries are great for storing almost everything, but what about if you need to display structured lists in SharePoint where the data is stored elsewhere? If you use Office SharePoint Server (MOSS), one great feature for this purpose is the Business Data Catalogue. However, if you only have Windows SharePoint Services (WSS), or need to dynamically construct data, chances are you'll end up needing to write a Web Part.
Web Parts give you some standard look and feel elements for free, like the ‘crome' or border, plus an ability to add your own properties to the properties grid. After that, you're pretty much on your own. Wouldn't it be nice if you could display your own data in a sexy SharePoint list?
SharePoint uses the Microsoft.SharePoint.WebControls.SPGridView control to display its own lists. This class inherits from System.Web.UI.WebControls.GridView, so the development experience to bind data, adjust columns, perform sorting etc is similar. The key difference is the control renders the grid in the SharePoint style - perfect.
Create a Web Part
Any blank Web Part will do - you could use the template provided by Visual Studio if you have the SharePoint SDK installed. My web part started out life like this:
using System;
using System.Runtime.InteropServices;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Serialization;
using System.Data;
using Microsoft.SharePoint;
using Microsoft.SharePoint.WebControls;
using Microsoft.SharePoint.WebPartPages;
namespace ListMenuSample
{
public class ListMenuSample : System.Web.UI.WebControls.WebParts.WebPart
{
private SPGridView oGrid;
private TVData oDataset;
private DataView oView;
private void PopulateDataset()
{
// TODO
}
protected override void CreateChildControls()
{
// TODO
}
void oGrid_Sorting(object sender, GridViewSortEventArgs e)
{
// TODO
}
}
}
Create the data source
In this example, we'll create and populate a dataset and use it for data binding. I want a list to keep track of who presents my favourite BBC current affairs programmes, so I'll design and populate a DataSet accordingly.
If you want to bind your SPGridView back to SharePoint data, that's simple too, check out this great article from Share This Point.
My DataSet, TVProgrammeData has a single table, Presenters, comprising an int and two string columns:

We'll fill the DataTable from code, but obviously you'd want to pull this from somewhere, probably SQL, a filesystem, a web service or XML. Pop this into the PopulateDataset() method.
private void PopulateDataset()
{
oDataset = new TVData();
oDataset.Presenters.AddPresentersRow(1, "Jeremy Paxman", "Newsnight");
oDataset.Presenters.AddPresentersRow(2, "Kirsty Wark", "Newsnight");
oDataset.Presenters.AddPresentersRow(6, "Bill Turnbull", "Breakfast");
oDataset.Presenters.AddPresentersRow(7, "Sian Williams", "Breakfast");
// plus a few more entries
}
Render the Grid
Overriding CreateChildControls() is a good place to create your SPGridView and add it to the controls collection. You'll also need to bind up the columns and specify sorting. To give us magical sorting abilities, we'll bind to a DataView rather than directly back to the DataTable. Pop this into CreateChildControls():
protected override void CreateChildControls()
{
PopulateDataset();
oView = new DataView(oDataset.Presenters);
oGrid = new SPGridView();
oGrid.DataSource = oView;
oGrid.AutoGenerateColumns = false;
oGrid.AllowSorting = true;
oGrid.Sorting += new GridViewSortEventHandler(oGrid_Sorting);
BoundField colName = new BoundField();
colName.DataField = "PresenterName";
colName.HeaderText = "Presenter Name";
colName.SortExpression = "PresenterName";
oGrid.Columns.Add(colName);
// Add the menu control here
BoundField colProgramme = new BoundField();
colProgramme.DataField = "ProgrammeName";
colProgramme.HeaderText = "Programme";
colProgramme.SortExpression = "ProgrammeName";
oGrid.Columns.Add(colProgramme);
Controls.Add(oGrid);
oGrid.DataBind();
base.CreateChildControls();
}
Notice we specify the SortExpression to use, which together with AllowSorting enables users to order the results by clicking the columns headers. We need to perform the sort ourselves though, through the event handler; and we'll need to keep track of the sort direction in ViewState so we can flip it next time the user clicks the same header. I'm not sure my code is very elegant in this area, so leave a comment if you can think of a better way to do it in fewer lines of code.
Add this event handler:
void oGrid_Sorting(object sender, GridViewSortEventArgs e)
{
string lastExpression = "";
if (ViewState["SortExpression"] != null)
lastExpression = ViewState["SortExpression"].ToString();
string lastDirection = "asc";
if (ViewState["SortDirection"] != null)
lastDirection = ViewState["SortDirection"].ToString();
string newDirection = "asc";
if (e.SortExpression == lastExpression)
newDirection = (lastDirection == "asc") ? "desc" : "asc";
ViewState["SortExpression"] = e.SortExpression;
ViewState["SortDirection"] = newDirection;
oView.Sort = e.SortExpression + " " + newDirection;
oGrid.DataBind();
}
If you build and deploy this web part, you should get something like this (see this post for tips on the debugging process):

That looks alright, and it will adapt correctly if you apply different style sheets, themes or a new master page. But it's still not a very rich interface. How about if you wanted users to edit items, or get more detail. Umm, better add a menu.
Add a menu
It's worth pointing out about now that the documentation around this area is still in production - so I'm coding with a slight emphasis on experimentation for some of the property values - I'll point you to the official source when it's revised.
Anyway, SPMenuField is the class we need, and combines the roles of controlling the drop-down menu with the basic display work done by BoundField. Let's replace our boring colName column with a shiny menu that looks like this:

// Replace the Name coloumn with a shiny menu
colName.Visible = false; // You could remove colName completely
SPMenuField colMenu = new SPMenuField();
colMenu.HeaderText = "Presenter Name";
colMenu.TextFields = "PresenterName";
colMenu.MenuTemplateId = "PresenterListMenu";
colMenu.NavigateUrlFields = "ID,PresenterName";
colMenu.NavigateUrlFormat = "do.aspx?p={0}&q={1}";
colMenu.TokenNameAndValueFields = "EDIT=ID,NAME=PresenterName";
colMenu.SortExpression = "PresenterName";
MenuTemplate presenterListMenu = new MenuTemplate();
presenterListMenu.ID = "PresenterListMenu";
MenuItemTemplate biogMenu = new MenuItemTemplate(
"Read Biography", "/_layouts/images/EawfNewUser.gif");
biogMenu.ClientOnClickNavigateUrl = "do.aspx?this=%EDIT%&that=%NAME%";
//entry.ClientOnClickScript = "your javascript here";
presenterListMenu.Controls.Add(biogMenu);
MenuItemTemplate broadcastMenu = new MenuItemTemplate(
"Recent Broadcasts", "/_layouts/images/ICWM.gif");
presenterListMenu.Controls.Add(broadcastMenu);
MenuSeparatorTemplate sepMenu = new MenuSeparatorTemplate();
presenterListMenu.Controls.Add(sepMenu);
MenuItemTemplate favMenu = new MenuItemTemplate(
"Add to Favorites", "/_layouts/images/addtofavorites.gif");
presenterListMenu.Controls.Add(favMenu);
this.Controls.Add(presenterListMenu);
oGrid.Columns.Add(colMenu);
Tip: You can have a poke around the standard icon collection and pick some suitable images from C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\IMAGES
SPMenuField serves two purposes - it configures the hyperlink you follow if you click on the item directly and, optionally, links to a snazzy dropdown menu.
This great post at SharePoint Solution Blog gives a good overview of how to extend the Admin interface with custom menus. However, the difference with custom menus on list items is that you're not creating one - you're creating one for each list item, and your menu handling routine needs to know which item you clicked in.
Fortunately, there are a few ways to achieve with. First we setup colMenu to pass in the required parameters when you click on the main item hyperlink:

Here, NavigateUrlFields is a comma-separated list of data bound items we want to use in the URL. Then we replace placeholders starting at {0} with the items in sequence.

Next, we need to decide how to respond to clicks on the drop-down menu. We have two options here - build a click URL similar to the one above, or use our own javascript. We might have a third option to do a sexy postback to an event in the code behind, but I can't decipher exactly how to use that yet - keep tuned.
The URL way uses a modification in syntax but essentially the same principle as above. This time we name the data fields we want and then consume them within % signs on the menu items:

Let's finish off for now by adding some grouping (and a few more presenters):
oGrid.AllowGrouping = true;
oGrid.AllowGroupCollapse = true;
oGrid.GroupField = "ProgrammeName";
oGrid.GroupDescriptionField = "ProgrammeName";
oGrid.GroupFieldDisplayName = "Programme";
Leave a comment if you've found this useful, and particularly if there's anything else you'd like to see added.
Enjoy.
When it comes to deploying and debugging your Web Part, you're spoilt for choice. My preference is to package the web part into a cab file, creating and including a manifest XML and DWP file. This should be familiar ground to seasoned web part developers, but an assortment of good MSDN and community content is available on this topic. Then deploy into the SharePoint mist with stsadm.
Debugging Tip 0 - Setting up your environment
Check your environment is configured per Debugging Web Parts, the most important changes in web.config being
<SafeMode MaxControls="50" CallStack="true"/>
and
<customErrors mode="Off">
Debugging Tip 1 - Getting meaningful exceptions
If you're using Visual Studio, add debug symbols to your cab as a project output group along with your Primary Output to enable a lovely debugging experience. Even if you don't attach a debugger, helpful exceptions should bubble up to the page.
Debugging Tip 2 - Speeding up debugging round trips
If you're working alone developing a web part and find you need to run an iisreset repeatedly to see your code changes (maybe you've deployed to the GAC), remember that your assembly isn't loaded into memory until it's first used. I set off an iisreset as soon as I'm done with a debugging session (so iisreset gets on with it as I'm changing my code). As long as you update/redeploy your assemblies before refreshing the page, you'll see the changes and you won't have to wait.