ASP.NET 2.0快速入门(3)
ASP.NET 2.0快速入门(3):ASP.NET 2.0的新控件
l Adrotator
l Calendar
l ImageButton
l ImageMap
l MultiView
一. Adrotator
1.Adrotator广告控件的功能
l 轮换显示广告图片
l 显示广告文字
l 有权重的显示广告
2.广告显示内容控制
通过设定XML文件作为广告数据源,轮训显示广告内容
XML文件格式如下:
<Advertisements>
<Ad>
<ImageUrl>~/index_logo.gif</ImageUrl>
<NavigateUrl>http://www.sohu.com</NavigateUrl>
<AlternateText>sohu</AlternateText>
<Keyword>Computers</Keyword>
<Impressions>80</Impressions>
</Ad>
</Advertisements>
l 3.DEMO演示一个显示三大门户的广告控件
(略)
二. Calendar
l 日历控件负责显示一个月的日历,并接受用户的选择日期的操作.
l 选择日期的模式
|
模式 |
描述 |
|
Day |
用户只能选择一天 |
|
DayWeek |
用户可以选择一天或者一周 |
|
DayWeekMonth |
用户可选择一天,一周或者一个月 |
|
None |
用户不能选择 |
l 日历选择模式演示
1) demoCal.aspx
<body>
<form id="form1" runat="server">
<div>
<asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>
</div>
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
<asp:ListItem>Day</asp:ListItem>
<asp:ListItem>Week</asp:ListItem>
<asp:ListItem>Year</asp:ListItem>
<asp:ListItem>None</asp:ListItem>
</asp:DropDownList>
</form>
</body>
2) demoCal.aspx.cs
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class demoCal : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
switch (this.DropDownList1.SelectedValue)
{
case "Day":
this.Calendar1.SelectionMode = CalendarSelectionMode.Day;
break;
case "Week":
this.Calendar1.SelectionMode = CalendarSelectionMode.DayWeek;
break;
case "Year":
this.Calendar1.SelectionMode = CalendarSelectionMode.DayWeekMonth;
break;
case "None":
this.Calendar1.SelectionMode = CalendarSelectionMode.None;
break;
}
}
}
l 定义自己的节假日
日历控件可以定义自己的节假日,通过对DayRender事件进行编程,可以在显示日期的时候方便的显示自己定义的节日
l Demo: 定义自己的节假日
protected void Calendar1_DayRender(object sender, DayRenderEventArgs e)
{
CalendarDay d;
TableCell c;
d = e.Day;
c = e.Cell;
if (d.IsOtherMonth)
c.Controls.Clear();
else
try
{
string hol = holiday[d.Date.Month, d.Date.Day];
if (hol != "")
c.Controls.Add(new LiteralControl("<br><font color=red>" + hol + "</font>"));
}
catch(Exception exc)
{
Response.Write(exc.ToString());
}
}
一. ImageButton控件
图片按钮控件可以在按钮上显示一副图片,并代替按钮控件的基本功能,不仅如此,图片按钮控件还可以方便地获取图片的点击位置.
l Demo: 图片按钮示例
<asp:ImageButton ID="ImageButton1" runat="server" Height="240px" ImageUrl="~/towlogo.gif"
Width="120px" />
二. ImageMap控件
图片地图控件可以在一副图片中设置很多热区,当用户点击不同热区的时候会有不同的反应,既可以让用户通过点击热区跳转到不同的URL也可以让用户通过点出热区运行不同的服务器代码.
l Demo
通过设置ImageMap的属性ImageUrl和HotSpot
三. MultiView控件
MultiView控件是为了显示View控件而定制的工具,View控件是一个WEB控件的容器.我们可以在一个网页上设置几个View控件,然后通过MultiView控件来选择把什么呈现给用户.
l Demo:
protected void Page_Load(object sender, EventArgs e)
{
this.MultiView1.ActiveViewIndex = 0;
}
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
this.MultiView1.ActiveViewIndex =Convert.ToInt32( this.DropDownList1.SelectedValue);
}
浙公网安备 33010602011771号