网络课程设计与开发07章

• 7.5.3 动态操作表控件 • 若要向Table中插入行，就向Table控件的Rows属性中添 加TableRow类的对象即可，若要添加单元格，则向 TableRows对象的Cell属性中添加TableCell对象即可。 • 1、添加行 • TableRow tRow=new TableRow(); • Table1.Rows.Add(tRow); • 2、添加单元格 • TableCell tCell=new TableCell(); • tRow.Cells.Add(tCell);
要添加的内容类型 静态文本 控件
方法 设置单元格的Text属性 声明一个控件实例，把它添加到单元格的 Controls集合中
文本和控件共享
通过创建Literal类的实例声明文本，然后像 处理其他控件一样把它添加到单元格的 Controls集合中
• • • • • • • • • •
动态操作表控件程序实例： 请输入要生成表的行数和列数:<br /> 行数:<asp:TextBox ID="TextBox1" runat="server"> </asp:TextBox> 列数:<asp:TextBox ID="TextBox2" runat="server"> </asp:TextBox> <asp:Button ID="Button1" runat="server" Text="动态生成表" onclick="Button1_Click" /> </asp:Button > <asp:Table ID="Table1" runat="server" Caption="动态操作表 控件“ > </asp:Table>
第07章 使用Web服务器控件
7.1 文本控件
• 7.1.1 Label控件 • Label控件可以用来以静态或动态的方式向用户显示 信息。其常用属性有：
属性 Text BackColor ForeColor Font Visible 说明 设置/获取控件显示的文本 设置/获取控件的背景色 设置/获取控件中文本的颜色 设置/获取控件中文本的字体 指示是否显示控件
事件 SelectionChanged
说明 用户在控件中选择一天、一周或一月 时触发该事件
• 当SelectionMode为Day时，可用SelectedDate属 性得知选择的日期 • Calendar1.SelectedDate.ToShortDateString(); • 当SelectionMode为DayWeek或DayWeekMonth 时，可用SelectedDate属性记录的是选择的第一 个日期，可用SelectedDates属性读出全部日期， SelectedDates.Count得知选取的天数 • 清除选择的日期使用SelectedDates.Clear()
• <asp:Image ID=“Image1” runat=“server" • AlternateText="这是 LOGO" • ToolTip="这是 LOGO" • ImageUrl="~/images/logo.png" />
7.4 选择控件
• CheckBox控件：用于生成能够在选中和清除两种 状态间切换的复选框。
7.3 图片显示控件
• Image控件：在网页上显示图片 • ImageUrl属性：设置图片文件位置，同级目录下 直接输入图片名称，在同个网站但不同目录下， 用“~/文件夹/文件名” • 常见格式：GIF、IPG、PNG、BMP
属性 ImageUrl AlternateText ToolTip
说明 设置/获取控件要显示的图片的路径 设置/获取图片无法显示时的替换文字 设置/获取图片的说明文字
属性 Text ImageUrl NavigateUrl 说明 设置/获取控件的文本标题 设置/获取控件要显示的图片的路径 设置/获取单击控件时链接到的URL
• <asp:HyperLink ID="HyperLink1" runat="server" • ImageUrl=“~/images/logo.png” • NavigateUrl=""> • </asp:HyperLink>
• <form id="form1" runat="server"> • <asp:Button ID="ButtonOpen" runat="server" Text="开 新窗口" • onclientclick="Navigate();" /> • </form>
• 7.2.4 HyperLink控件 • HyperLink控件用于向Web页面添加超级链接，通过文本或 图片实现从一个网页跳转到另一个网页。
属性 Text Checked 事件 CheckedChanged 说明 设置/获取控件的文本标签 指示是否已选中控件（True&False） 说明 如果Checked属性发生改变，引发 CheckedChanged事件。此事件不会 将页面回发到服务器，除非 AutoPostBack属性为True。
• protected void Button1_Click(object sender, EventArgs e) • { • if (CheckBoxMerry.Checked) • { • Response.Write("您已婚"); • } • else • { • Response.Write("您未婚"); • } • }
• <script language="javascript" type="text/javascript"> • function Navigate() • { if ( confirm("打开另一个网页?") ) { • window.open(""); } • } • </script>
7.5 表控件
• 7.5.1 表控件对象模型 • Table控件可以用来创建类似于HTML标记Table的表，但 它可以动态编辑表。表控件提供三个类：Table、 TableRow、TableCell。 • 在控件中其对象层次为：表对象（Table）-〉表对象包含 行对象（TableRow）-〉行对象包含列对象（TableCell） • 7.5.2 向页面添加表控件 • 1、添加表，设置Caption属性 • 2、添加行，在Rows属性中设置行 • 3、添加单元格，在Cells属性中设置单元格的Text属性
属性 TextMode MaxLength 说明 设置输入文本模式（单行、多行、密码） 限制输入字符串的长度
• TextMode属性：设置为MultiLine时会自动换行， 要输入密码应设置为Password。 • TextBox控件常用事件：
事件 TextChanged 说明 当用户更改TextBox的文本时发生
• protected void TextBox1_TextChanged(Object sender, EventArgs e) • { Label1.Text=TextBox1.Text; }
7.2 控制件：Button控件主要用于实现PostBack动作。 • 7.2.2 LinkButton控件：外观如超级链接的按钮，属性与 Button相同。 • 7.2.3 ImageButton控件：能够以选择的图片作为按钮。
• 事件处理程序： • protected void Button1_Click(object sender, EventArgs e) • { int rowCnt; // 行的数量. • int rowCtr; // 当前行数. • int cellCtr; // 列的数量. • int cellCnt; // 当前列数. • for (rowCtr = 1; rowCtr <= rowCnt; rowCtr++) • { // 创建一个新行,并把它加入Table1控件中. • TableRow tRow = new TableRow(); • Table1.Rows.Add(tRow); •
• SelectionChanged事件：在用户通过单击控件选择一天、 一周、一月时发生。 • protected void Calendar1_SelectionChanged(object sender, EventArgs e) { Response.Write("你选取了 : " + • Calendar1.SelectedDates.Count.ToString() + "天 !<br/>"); • for (int i = 0; i < Calendar1.SelectedDates.Count; i++) • { Response.Write(Calendar1.SelectedDates[i] • .ToShortDateString()+","); } • }
• for (cellCtr = 1; cellCtr <= cellCnt; cellCtr++) • { // 创建一个新的单元格,并把它加入行中 • TableCell tCell = new TableCell(); • tRow.Cells.Add(tCell); • // 添加一个Literal类,用来包含文本,并作为控件添加到单元格中 • tCell.Controls.Add(new LiteralControl("当前位置: ")); • // 创建一个Hyperlink 控件并它添加到单元格中. • System.Web.UI.WebControls.HyperLink h = new HyperLink(); • h.Text = rowCtr + ":" + cellCtr; • h.NavigateUrl = "/net"; • tCell.Controls.Add(h); } • } • }
• DayRender事件：当控件创建要发送到浏览器的输出 时引发该事件。控件在准备要显示的日期时将为每个 日期引发该事件，然后可采用编程的方式进行修改或 自定义。 • DayRender事件有两个参数，一个为引发事件的控件 的引用，另一个为DayRenderEventArgs类型的对象 ，该对象提供两个可访问的对象。 • Cell：是一个TabelCell对象，可用于设置个别日期的 外观。 • Day：可用于查询关于呈现日期的信息，控制是否选 择该日期，以及将内容添加到日期中。
• • • • • •
显示的内容由text属性决定 LabelMessage.Text=DateTime.Now.ToString(); 也用于显示其他控件或变量 LabelMessage.Text=TextBoxData.Text; 7.1.2 TextBox控件 TextBox控件常用来接收用户输入的信息，其属 性与Label控件类似。
属性 Text ImageUrl 事件 Click OnClientClick 说明 设置/获取控件显示的文本 指定控件所要显示的图片的路径 说明 在单击控件时发生 在单击控件时执行相应的javascript程序
• protected void ButtonSearch_Click(object sender, EventArgs e) • { • Response.Write(“你按下查询按钮”); • } • protected void ImageButtonASP_Click(object sender, ImageClickEventArgs e) • { • Response.Write(“你按下ImageButton按钮”); • }
7.6 Calendar控件
• Calendar控件：可在网页上显示日历，用于查看 和选取时间。可以通过“自动套用格式”，或通 过设置属性改变外观。
属性 Visible SelectedDate SelectionMode 说明 指示控件在页面上是否显示 获取在控件上选择的日期 设置用户选取模式 （None、Day、 DayWeek、DayWeekMonth）