{"id":491,"date":"2008-01-27T05:25:35","date_gmt":"2008-01-27T10:25:35","guid":{"rendered":"http:\/\/blogs.devhorizon.com\/reza\/?p=491"},"modified":"2008-09-13T18:01:27","modified_gmt":"2008-09-13T23:01:27","slug":"web-part-with-toolbar","status":"publish","type":"post","link":"https:\/\/blogs.devhorizon.com\/reza\/2008\/01\/27\/web-part-with-toolbar\/","title":{"rendered":"Web Part with Toolbar"},"content":{"rendered":"

A web part that has its own toolbar with different controls added to it programmatically is easy to build.<\/p>\n

1) Create a web part and override CreateChildControls <\/span>and Render<\/span> methods:<\/p>\n

[csharp]
\npublic class WPT : WebPart {
\nprotected ToolBar tlb;<\/p>\n

protected override void CreateChildControls()
\n{
\nbase.CreateChildControls();
\ntlb = (ToolBar)Page.LoadControl(“\/_controltemplates\/ToolBar.ascx”);
\ntlb.ID = “NavNodesTB”;
\ntlb.Template_Buttons = new BtnTemplate();
\nControls.Add(tlb);
\n}
\nprotected override void Render(HtmlTextWriter writer)
\n{
\nRenderChildren(writer);
\n}
\n}<\/p>\n

[\/csharp]<\/p>\n

2) Create the BtnTemplate class that implements ITemplate<\/a> interface. Add all the controls you want to show up on the toolbar<\/p>\n

[csharp]
\npublic class BtnTemplate : ITemplate
\n{
\nDropDownList ddlNumbers;
\nHyperLink tlBarLink;<\/p>\n

void ITemplate.InstantiateIn(Control container)
\n{
\ntlBarLink = new HyperLink();
\ntlBarLink.ID = “idClickMeText”;
\ntlBarLink.Text = “Click Me”;
\ntlBarLink.ToolTip = “Click Me”;
\ntlBarLink.NavigateUrl = “javascript:alert(‘Hello World!’)”;<\/p>\n

ddlNumbers = new DropDownList();
\nddlNumbers.ID = “idNumbers”;
\nddlNumbers.Load += new EventHandler(ddlNumbers_Load);
\nddlNumbers.AutoPostBack = false;<\/p>\n

container.Controls.Add(tlBarLink);
\ncontainer.Controls.Add(ddlNumbers);<\/p>\n

}<\/p>\n

void ddlNumbers_Load(object sender, EventArgs e)
\n{
\nddlNumbers.Items.Clear();
\nddlNumbers.Items.Add(new ListItem(“One”));
\nddlNumbers.Items.Add(new ListItem(“Two”));
\nddlNumbers.Items.Add(new ListItem(“Three”));
\n}
\n}<\/p>\n

[\/csharp]<\/p>\n

3) Finally,deploy your web part and you are pretty much done! Here is how your web part looks like.<\/p>\n\n\n
<\/td>\n<\/tr>\n<\/table>\n

Source Code can be downloaded here<\/a>.<\/p>\n

Update 13\/Sep\/2008:\u00a0<\/font>\u00a0 Another way of adding toolbar is now documented here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

A web part that has its own toolbar with different controls added to it programmatically is easy to build. 1) Create a web part and override CreateChildControls and Render methods: [csharp] public class WPT : WebPart { protected ToolBar tlb; protected override void CreateChildControls() { base.CreateChildControls(); tlb = (ToolBar)Page.LoadControl(“\/_controltemplates\/ToolBar.ascx”); tlb.ID = “NavNodesTB”; tlb.Template_Buttons = new […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[43],"tags":[],"class_list":["post-491","post","type-post","status-publish","format-standard","hentry","category-moss-2007"],"_links":{"self":[{"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/posts\/491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/comments?post=491"}],"version-history":[{"count":0,"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/posts\/491\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/media?parent=491"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/categories?post=491"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/tags?post=491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}