ASP.NET的Panel控件

开发 后端
本文介绍ASP.NET的Panel控件,在Panel中放置了三个LinkButton控件,点击了LinkButton控件后会在文本框中出现相应的内容,LinkButton的单击事件代码。

ASP.NET的Panel控件,通过名字我们可以看出这是一个菜单控件,当鼠标移动到指定的位置时,在不影响其他的元素的情况下出现一个菜单,并允许用户进行一些操作。

重要属性
TargetControlID:要显示菜单的目标控件的ID
PopupControlID:作为弹出菜单的控件的ID
HoverCssClass:鼠标移动到目标控件时目标控件的样式
PopupPosition:弹出菜单所在的位置,共有五个值(bottom,top,left,right,center)
OffsetX:菜单距离目标控件的位置--横坐标
OffsetY:菜单距离目标控件的位置--纵坐标


1 打开vs2005,创建一个AjaxControlToolKit网站,命名为oec2003_HoverMenu
2 打开默认Default.aspx页,切换到设计视图
3 在页面中添加一个TextBox和一个Panel控件,并在Panel控件中添加三个LinkButton控件,如下

PopDelay:弹出菜单的延迟时间

  1. <asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px"> 
  2. <asp:LinkButton ID="LinkButton1" runat="server" OnClick=
    "LinkButton1_Click">日期</asp:LinkButton> 
  3. <br /> 
  4. <asp:LinkButton ID="LinkButton3" runat="server" OnClick=
    "LinkButton3_Click">时间</asp:LinkButton><br /> 
  5. <asp:LinkButton ID="LinkButton2" runat="server" OnClick=
    "LinkButton2_Click">姓名</asp:LinkButton> 
  6. </asp:Panel> 
  7. 4 在页面中添加HoverMenu控件,并设置其属性,代码如下  
  8. <ajaxToolkit:HoverMenuExtender ID="HoverMenuExtender1" runat=
    "server" TargetControlID="TextBox1" 
  9. OffsetX="-1" OffsetY="-1" HoverCssClass="hover" PopupControlID=
    "Panel1" PopupPosition="bottom"> 
  10. </ajaxToolkit:HoverMenuExtender> 
  11. 5 切换到代码视图,在head元素间添加css样式,用来实现鼠标移动到目标控件时的样式,如下  
  12. <style type="text/css"> 
  13. .hover  
  14. {}{  
  15. background-color:blue;  
  16. background-repeat:repeat-x;  
  17. background-position:left top;  
  18. }  
  19. </style> 

前面在Panel中放置了三个LinkButton控件,点击了LinkButton控件后会在文本框中出现相应的内容,LinkButton的单击事件代码如下

  1. protected void LinkButton1_Click(object sender, EventArgs e)  
  2. {  
  3. TextBox1.Text = DateTime.Now.ToShortDateString();  
  4. }  
  5. protected void LinkButton3_Click(object sender, EventArgs e)  
  6. {  
  7. TextBox1.Text = DateTime.Now.TimeOfDay.ToString();  
  8. }  
  9. protected void LinkButton2_Click(object sender, EventArgs e)  
  10. {  
  11. TextBox1.Text = "oec2003";  

保存设计,运行程序,将鼠标移动文本框上时,会发现,文本框的样式变成了我们自定义的样式了,而且还会弹出一个菜单,就是Panel控件
点击菜单中的按钮在文本框中就会出现相应的内容 ,以上介绍ASP.NET的Panel控件。

【编辑推荐】

  1. ASP.NET的TypeConverter
  2. 浅析ASP.NET的TypeResolver
  3. ASP.NET中定义JavaScriptConverter
  4. 在ASP.NET中替换Sys.Services的方法
  5. 使用ASP.NET AJAX的Profile Service
责任编辑:佚名 来源: IT168
相关推荐

2009-07-24 15:35:00

ASP.NET Gri

2009-08-04 11:29:14

HTML代码ASP.NET控件

2009-09-11 09:09:00

ASP.NETAdRotator控件

2009-07-20 13:32:24

ScriptManagASP.NET

2009-07-27 17:25:53

ASP.NET验证控件

2009-08-17 09:24:25

ASP.NET控件

2009-08-03 15:08:00

SqlDataSour

2009-07-27 16:19:59

ASP.NET报表控件

2009-08-04 10:43:59

ASP.NET控件开发

2009-07-29 13:50:26

UpdatePanelASP.NET

2009-08-05 15:57:03

ASP.NET控件ID

2009-08-19 13:44:00

ASP.NET Lis

2009-07-28 14:47:18

ASP.NET MVC

2009-08-07 15:32:28

ASP.NET复合控件

2009-07-28 13:22:13

DataList和ReASP.NET

2009-07-24 09:57:25

ASP.NET HTM

2009-07-21 15:27:12

ASP.NET 2.0

2009-07-21 17:18:26

UpdateProgrASP.NET AJA

2009-08-04 13:38:36

ASP.NET用户控件

2009-08-27 16:59:20

ASP.NET用户控件
点赞
收藏

51CTO技术栈公众号