ASP.NET中如何使用Panel控件-成都快上网建站

ASP.NET中如何使用Panel控件

这期内容当中小编将会给大家带来有关ASP.NET中如何使用Panel控件,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

创新互联公司-专业网站定制、快速模板网站建设、高性价比巴马网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式巴马网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖巴马地区。费用合理售后完善,10多年实体公司更值得信赖。

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.  ID="Panel1" runat="server" Height="50px" Width="125px"> 

  2.  ID="LinkButton1" runat="server" OnClick=
    "LinkButton1_Click">日期 

  3.  /> 

  4.  ID="LinkButton3" runat="server" OnClick=
    "LinkButton3_Click">时间 /> 

  5.  ID="LinkButton2" runat="server" OnClick=
    "LinkButton2_Click">姓名 

  6.  

  7. 4 在页面中添加HoverMenu控件,并设置其属性,代码如下  

  8.  ID="HoverMenuExtender1" runat=
    "server" TargetControlID="TextBox1" 

  9. OffsetX="-1" OffsetY="-1" HoverCssClass="hover" PopupControlID=
    "Panel1" PopupPosition="bottom"> 

  10.  

  11. 5 切换到代码视图,在head元素间添加css样式,用来实现鼠标移动到目标控件时的样式,如下  

  12.  type="text/css"> 

  13. .hover  

  14. {}{  

  15. background-color:blue;  

  16. background-repeat:repeat-x;  

  17. background-position:left top;  

  18. }  

  19.  

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

protected void LinkButton1_Click(object sender, EventArgs e)  {  TextBox1.Text = DateTime.Now.ToShortDateString();  }  protected void LinkButton3_Click(object sender, EventArgs e)  {  TextBox1.Text = DateTime.Now.TimeOfDay.ToString();  }  protected void LinkButton2_Click(object sender, EventArgs e)  {  TextBox1.Text = "oec2003";  }

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

上述就是小编为大家分享的ASP.NET中如何使用Panel控件了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。


网站题目:ASP.NET中如何使用Panel控件
URL网址:http://kswjz.com/article/pcecdj.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流