Chat 9 Rich控件

1、Chapter 9 Rich ControlsOUTLINE Calendar 控件1 AdRotator 控件2 用户控件3Chapter 9 Rich Controls9.1 Calendar 控件 Calendar Calendar控件用来在控件用来在WebWeb页面中显示日历中的可选日期，并显示与特定日期关页面中显示日历中的可选日期，并显示与特定日期关联的数据。联的数据。Chapter 9 Rich Controls9.1 Calendar 控件属属 性性说说 明明Caption设置呈现日历标题的文本值FirstDayOfWeek设置将在日历的第一列中显示的一周中的某一天NextMon

2、thText设置为下一月导航控件显示的文本PrevMonthText设置为前一月导航控件显示的文本SelectedDate设置当前选定的日期SelectionMode设置Calendar对象的选择模式ShowDayHeader确定控件是否在日历标头中显示一周中每一天的名称ShowNextPrevMonthCalendar控件是否在标题部分显示下个月和上个月导航元素Chapter 9 Rich Controls9.1 Calendar 控件 Calendar Calendar控件外观的设置：控件外观的设置：p 使用使用“自动套用格式自动套用格式”对话框选择外观格式。对话框选择外观格式。p 设置属

3、性。设置属性。p 设置扩展样式属性。设置扩展样式属性。p 自定义个别日期呈现。自定义个别日期呈现。Chapter 9 Rich Controls9.1 Calendar 控件 protected void Calendar1_SelectionChanged(object sender, EventArgs e) Label1.Text = 今天是： + Calendar1.TodaysDate.ToShortDateString(); Label1.Text += + 您选择的日期是： + Calendar1.SelectedDate.ToShortDateString(); Chapter

4、 9 Rich Controls9.1 Calendar 控件 protected void Page_Load(object sender, EventArgs e) if (!IsPostBack) this.TextBox1.Attributes.Add(onfocus, javascript:calendar(); Chapter 9 Rich Controls9.2 AdRotator 控件 AdRotator AdRotator 控件可用来在控件可用来在WebWeb页中制作广告回旋板，使得在一个固定的广告板页中制作广告回旋板，使得在一个固定的广告板位置显示多张广告图片，每次刷新网页

5、时，可随机在多张图片中切换。单击图片位置显示多张广告图片，每次刷新网页时，可随机在多张图片中切换。单击图片可以链接到相应的网址。可以链接到相应的网址。Chapter 9 Rich Controls属属 性性说说 明明AdvertisementFile 设置包含公布数据的XML文件的路径。默认值为空字符串（）Font 返回 FontInfo 对象，该对象包含控件的字体信息KeywordFilter 设置可用于从广告文件中筛选广告的类别关键字 Target指示广告要打开的目标窗口9.2 AdRotator 控件Chapter 9 Rich Controls9.2 AdRotator 控件 AdRo

6、tator AdRotator 控件可以从控件可以从XMLXML文件中读取广告信息，也可以从数据库中读取广告文件中读取广告信息，也可以从数据库中读取广告信息。信息。AdRotatorAdRotator控件通过自己的属性来定义一个广告体所需要的信息，但这些信控件通过自己的属性来定义一个广告体所需要的信息，但这些信息都是可选的，因此无论在息都是可选的，因此无论在XMLXML中还是在数据库中定义广告体，都可以选用如下属中还是在数据库中定义广告体，都可以选用如下属性来作为广告体的信息。性来作为广告体的信息。属性属性说明说明ImageUrlImageUrl广告之图片文件的绝对或相对路径广告之图片文件的绝

7、对或相对路径NavigateUrlNavigateUrl当用户单击广告时要链接到的页的当用户单击广告时要链接到的页的 URLURLAlternateTextAlternateText当由当由 ImageUrl ImageUrl 属性指定的图像不可用时替换该图像的文本显示属性指定的图像不可用时替换该图像的文本显示KeywordKeyword用来设置广告的类，这样一来，而后只想筛选出特定类的广告来显示时，只需用来设置广告的类，这样一来，而后只想筛选出特定类的广告来显示时，只需将将 AdRotatorAdRotator控件的控件的KeywordFilterKeywordFilter属性设置成该类的名

8、称即可。比方说，假属性设置成该类的名称即可。比方说，假设您的广告文件中内含书籍、杂志与游戏等广告，而且您将这设您的广告文件中内含书籍、杂志与游戏等广告，而且您将这3 3类广告的类广告的属性分别设置成属性分别设置成BookBook、MagazinesMagazines与与GameGame，假设您希望，假设您希望AdRotatorAdRotator控控件只显示出书籍类的广告，只需将件只显示出书籍类的广告，只需将KeywordFilterKeywordFilter属性设置成属性设置成BookBook即可即可ImpressionsImpressions用来设置广告的重要等级。所设置的数值越大，广告显示

9、的次数就越多。请注用来设置广告的重要等级。所设置的数值越大，广告显示的次数就越多。请注意，广告文件中所有意，广告文件中所有ImpressionsImpressions设置值的总和不可以超过设置值的总和不可以超过20479999992047999999，否则，否则将会出现错误的将会出现错误的Chapter 9 Rich Controls adrotator/1.bmp http:/ 搜狐 a1 10 adrotator/2.bmp http:/ 新浪 a1 20 adrotator/3.bmp http:/ 网易 b1 10 Chapter 9 Rich Controls9.3 用户控件 用户控

10、件是一种复合控件，工作原理非常类似于用户控件是一种复合控件，工作原理非常类似于ASP.NETASP.NET网页，可以向用户控网页，可以向用户控件添加现有的件添加现有的WebWeb服务器控件和标记，并定义控件的属性和方法。用户控件存放在服务器控件和标记，并定义控件的属性和方法。用户控件存放在文件扩展名为文件扩展名为.ascx.ascx的文件中，典型的的文件中，典型的.ascx.ascx文件中的代码形式如下：文件中的代码形式如下：Chapter 9 Rich Controls9.3 用户控件p 用户控件的文件扩展名为用户控件的文件扩展名为 .ascx.ascx。p 用户控件中没有用户控件中没有 P

11、age Page 指令，而是包含指令，而是包含 Control Control 指令，该指令对配指令，该指令对配 置及其他属性进行定义。置及其他属性进行定义。p 用户控件不能作为独立文件运行，而必须像处理任何控件一样，将它们添用户控件不能作为独立文件运行，而必须像处理任何控件一样，将它们添 加到加到 ASP.NET ASP.NET 页中。页中。p 用户控件中没有用户控件中没有 htmlhtml、body body 或或 form form 元素。这些元素必须位于宿主页中。元素。这些元素必须位于宿主页中。用户控件与用户控件与 ASP.NET ASP.NET 网页有以下区别：网页有以下区别：Cha

12、pter 9 Rich Controls9.3 用户控件 （1 1）打开解决方案资源管理器，在项目名称中单击鼠标右键，然后在弹出的）打开解决方案资源管理器，在项目名称中单击鼠标右键，然后在弹出的快捷菜单中选择快捷菜单中选择“添加新项添加新项”，将会弹出如图，将会弹出如图1 1所示的所示的“添加新项添加新项”对话框。在该对话框。在该对话中，选择对话中，选择“WebWeb用户控件项用户控件项”，并为其命名，单击，并为其命名，单击【添加添加】按钮将按钮将WebWeb用户控用户控件添加到项目中。件添加到项目中。 图1 添加新新对话框Chapter 9 Rich Controls9.3 用户控件 （2

13、2）打开已创建好的）打开已创建好的WebWeb用户控件（用户控件的文件扩展名为用户控件（用户控件的文件扩展名为.ascx.ascx），），在在.ascx.ascx文件中可以直接往页面上添加各种服务器控件以及静态文本、图片等。文件中可以直接往页面上添加各种服务器控件以及静态文本、图片等。 （3 3）双击页面上的任何位置，或者直接按下快捷键）双击页面上的任何位置，或者直接按下快捷键【F7F7】，可以将视图切换，可以将视图切换到后台代码文件，程序开发人员可以直接在文件中编写程序控制逻辑，包括定义到后台代码文件，程序开发人员可以直接在文件中编写程序控制逻辑，包括定义各种成员变量、方法以及事件处理程序等

14、。各种成员变量、方法以及事件处理程序等。Chapter 9 Rich Controls9.3 用户控件 （4 4）如果已经设计好了）如果已经设计好了WebWeb用户控件，可以将其添加到一个或者多个网页中。用户控件，可以将其添加到一个或者多个网页中。在同一个网页中也可以重复使用多次，各个用户控件会以不同在同一个网页中也可以重复使用多次，各个用户控件会以不同IDID来标识。将用户来标识。将用户控件添加到网页可以使用控件添加到网页可以使用“WebWeb窗体设计器窗体设计器”直接添加用户控件。直接添加用户控件。 使用使用“WebWeb窗体设计器窗体设计器”可以在可以在“设计设计”视图下，将用户控件以拖

15、放的方式直视图下，将用户控件以拖放的方式直接添加到网页上，其操作与将内置控件从工具箱中拖放到网页上一样。接添加到网页上，其操作与将内置控件从工具箱中拖放到网页上一样。Chapter 9 Rich Controls9.3 用户控件 执行程序，示例运行结果如图所示，在该图中，当用户单击网页中的执行程序，示例运行结果如图所示，在该图中，当用户单击网页中的【登录登录】按钮时，首先获取用户控件中用户名和密码文本框的值，然后判断输入的值是否按钮时，首先获取用户控件中用户名和密码文本框的值，然后判断输入的值是否合法，如果是合法用户，则弹出如图所示的对话框。合法，如果是合法用户，则弹出如图所示的对话框。访问用

16、户控件的属性图Chapter 9 Rich Controls9.3 用户控件 （1 1）新建一个网站，默认主页为）新建一个网站，默认主页为Default.aspxDefault.aspx，并在该页中添加一个，并在该页中添加一个ButtonButton控件，用于判断用户输入的信息是否合法。控件，用于判断用户输入的信息是否合法。 （2 2）在该网站中添加一个）在该网站中添加一个WebWeb用户控件，默认名为用户控件，默认名为WebUserControl.ascxWebUserControl.ascx，并在该用户控件中添加两个文本框，分别用于输入用户名和密码。并在该用户控件中添加两个文本框，分别用于

17、输入用户名和密码。 （3 3）在该）在该WebWeb用户控件中定义两个公有属性，分别用于设置或读取各个文本用户控件中定义两个公有属性，分别用于设置或读取各个文本框中框中TextText属性，其代码如下：属性，其代码如下： public string str_UserName get return this.TextBox1.Text; set this.TextBox1.Text = value; public string str_Password get return this.TextBox2.Text; set this.TextBox2.Text = value; Chapter 9

18、 Rich Controls9.3 用户控件 （4 4）将用户控件添加至）将用户控件添加至Default.aspxDefault.aspx页中，并在页中，并在Default.aspxDefault.aspx页的页的【登录登录】按钮的按钮的ClickClick事件下添加如下代码，获取用户控件的文本框值，并判断用户输入是事件下添加如下代码，获取用户控件的文本框值，并判断用户输入是否合法。其代码如下所示：否合法。其代码如下所示： protected void Button1_Click(object sender, EventArgs e) if (WebUserControl31.str_UserName = | WebUserControl31.str_Password = )