Asp.Net从零开始18(Toolbar使用)

没有Asp.net开发经验的朋友可以看看这篇文章，可以从零开始学习各种ASP.NET技能。本资料是本人整理的ASP.NET与C#的基础资料。如需了解请查阅VS.NET的相关书籍。省略的内容有ASP.NET基础语法、C#基础语法、HTML语法、JAVASCRIPT语法。 适用人群：初学ASP.NET ### Asp.Net从零开始18(Toolbar使用) 在ASP.NET Web Forms中，`Toolbar` 控件是一个非常实用的功能组件，它可以为用户界面提供一系列工具按钮，这些按钮可以帮助执行诸如编辑、保存、删除等常见操作。对于刚接触ASP.NET开发的新手来说，学会如何使用`Toolbar`控件是非常重要的一步，它能够极大地提升Web应用程序的交互性和可用性。 #### 一、准备工作 在开始使用`Toolbar`之前，我们需要做一些基本的准备工作： 1. **引用命名空间**： - 在代码文件顶部添加对`Microsoft.Web.UI.WebControls`命名空间的引用。 ```csharp using Microsoft.Web.UI.WebControls; ``` 2. **添加`Toolbar`控件到页面**： - 打开ASPX文件，在适当的位置添加`<asp:Toolbar>`标签。 ```html <asp:Toolbar ID="Toolbar1" runat="server"> <!-- 这里可以添加按钮等 --> </asp:Toolbar> ``` #### 二、添加按钮和其他元素 `Toolbar`控件可以通过多种方式来添加按钮和其他元素： 1. **在设计视图中添加**： - 直接将所需的按钮拖拽到`Toolbar`控件上。 2. **在代码中动态添加**： - 通过代码创建`ToolbarButton`对象，并将其添加到`Toolbar`控件中。 ```csharp ToolbarButton mybutton = new ToolbarButton(); mybutton.ID = "toolbutton1"; mybutton.ImageUrl = "image\\tianjia2.bmp"; Toolbar1.Items.Add(mybutton); ``` #### 三、处理按钮点击事件 当用户点击`Toolbar`中的按钮时，可以通过注册事件处理器来响应这些点击事件： 1. **定义事件处理方法**： - 在代码文件中，为每个按钮定义一个事件处理方法。 ```csharp protected void Toolbar1_ButtonClick(object sender, ToolbarEventArgs e) { ToolbarButton mybutton = (ToolbarButton)sender; switch (mybutton.ID) { case "toolbutton1": // 处理按钮1点击事件 break; case "toolbutton3": // 处理按钮3点击事件 break; } } ``` 2. **绑定事件**： - 在`Toolbar`控件的属性中设置`OnButtonClick`属性为事件处理方法的名字。 ```html <asp:Toolbar ID="Toolbar1" runat="server" OnButtonClick="Toolbar1_ButtonClick"> <!-- 添加按钮等 --> </asp:Toolbar> ``` #### 四、使用文本框和其他控件 除了按钮外，还可以在`Toolbar`中添加文本框等其他控件： 1. **添加`ToolbarTextBox`**： - 创建`ToolbarTextBox`对象并添加到`Toolbar`中。 ```csharp ToolbarTextBox mytext = new ToolbarTextBox(); mytext.ID = "mytext"; Toolbar1.Items.Add(mytext); ``` 2. **获取文本框值**： - 在事件处理方法中，可以通过`ID`获取`ToolbarTextBox`对象，并读取其文本值。 ```csharp protected void Toolbar1_ButtonClick(object sender, ToolbarEventArgs e) { ToolbarTextBox mytext = (ToolbarTextBox)Toolbar1.Items[1]; if (string.IsNullOrEmpty(mytext.Text)) { Response.Write("<script>window.alert('请输入查询条件！');</script>"); return; } } ``` #### 五、其他高级用法 除了以上的基本用法外，`Toolbar`还支持更多的自定义和扩展功能： 1. **禁用按钮**： - 可以通过设置`Enabled`属性为`false`来禁用某个按钮。 ```csharp ToolbarButton mybutton2 = (ToolbarButton)Toolbar1.Items[0]; mybutton2.Enabled = false; ``` 2. **改变按钮样式**： - 可以为按钮设置不同的图像、文本或样式属性。 ```csharp ToolbarButton mybutton1 = (ToolbarButton)Toolbar1.Items[0]; mybutton1.ImageUrl = "image\\tianjia2.bmp"; ``` 3. **响应不同的按钮点击事件**： - 可以为不同的按钮定义不同的事件处理逻辑。 ```csharp protected void Toolbar1_ButtonClick(object sender, ToolbarEventArgs e) { ToolbarButton mybutton = (ToolbarButton)sender; switch (mybutton.ID) { case "toolbutton1": // 处理按钮1点击事件 break; case "toolbutton3": Response.Redirect("WebForm1.aspx"); break; } } ``` 通过上述步骤，你可以创建一个功能丰富的`Toolbar`控件，并根据实际需求对其进行高度定制。这对于提升用户体验和应用程序的整体质量都是非常有帮助的。