使用Web控件讲义.ppt

* * * * * * * * * * * * * * * * * 重点： 阐述将Html控件转化成Html 服务器控件后的好处（可获得服务器端编程访问等），接着讲述如何实现转变 * 重点： 演示将Html控件在转变成Html 服务器控件之前和之后，分别编写控件的事件处理代码，并访问控件属性，让学员充分理解Html控件和Html 服务器控件的编程模型的不同。 * 重点： 讲解Web 服务器控件的对象模型。 * * 重点： 只讲解Web 服务器控件的分类。 * * 说明：这里只简单讲解一般Web服务器控件所具有的一些常见属性，如Attributes、Enabled等，而对于各个控件所特有的属性，如：Text等，留到后面章节具体讲解。 * * * 重点： 在本节中应该通过构建一个具体示例，要求示例贯穿本节所有内容，并要求覆盖控件的使用范围，由浅入深的讲解如何使用控件。其中需要着重讲解到控件的AutoPostBack属性和EnableViewState属性，以及如何使用它们。 注意： 本章节只讲解标准控件的使用。 * * * * * * * * 重点： 通过添加控件（Label/Literal/Textbox/Button/RadioButton/Imagebutton/Linkbutton/HyperLink），并进行属性设置、通过代码修改和访问属性和使用表达式设置属性。 * * * * * * * * * * * * 什么是Tab键顺序、焦点和访问键 可以指定用户通过按 Tab 键显示 ASP.NET Web 服务器控件的顺序 通过Tab键既可按设置顺序在控件中移动焦点，又可以指定最初打开页时页上的哪个控件具有焦点，让页面一打开就可以将焦点定位到某一控件 还可以设置控件的访问键（也称热键），通过“Alt+访问键”即可将光标定位到该控件 如何设置Tab键顺序、焦点和访问键 Tab键顺序 设置控件的TabIndex属性 焦点 调用该控件的 Focus 方法 调用页的 SetFocus 方法 在窗体或面板中设置默认焦点 访问键 控件的 AccessKey 属性 演示和练习：设置页面中控件的Tab键顺序、焦点和访问键 多媒体演示 控件和CSS样式 直接在 .aspx 文件中设置样式属性 通过编程设置样式属性 直接在 .aspx 文件中设置样式属性 使用样式对象名与属性之间的连字符约定来声明样式属性 声明显式元素，并在这些元素中声明相应数据类型的属性元素 asp:Calendar Id=MyCalendar SelectionMode=DayWeek runat=server TitleStyle-Backcolor=#3366ff TitleStyle-ForeColor=White / asp:Calendar id=Calendar1 SelectionMode=DayWeek runat=server TitleStyle BackColor=#3366ff ForeColor=white / /asp:Calendar 通过编程设置样式属性 protected void Page_Load(object sender, EventArgs e) { Calendar1.DayStyle.BackColor = System.Drawing.Color.Green; } protected void Page_Load(object sender, EventArgs e) { Style s = new Style(); s.BackColor = System.Drawing.Color.Red; Calendar1.SelectedDayStyle.CopyFrom(s); DataGrid1.HeaderStyle.MergeWith(s); } 使用客户端脚本 服务器控件和客户端脚本 向ASP.NET 服务器控件添加客户端脚本 从客户端脚本引用Web服务器控件 在客户端脚本和服务器代码间共享信息 以动态方式向页面添加客户端脚本 演示和练习：触发服务器控件的客户端单击事件 服务器控件和客户端脚本 一些 ASP.NET 服务器控件要依赖于客户端脚本来正常工作，在呈现页面时，ASP.NET Web 服务器控件所需的客户端脚本会自动添加到相应页面中 向ASP.NET 服务器控件添加客户端脚本 以声明方式添加客户端事件处理程序 在服务器代码中添加属性 asp:textbox id=TextBox1 runat=server text=Sample Text onkeyup=spanCounter.innerText=t