WEB服务器控件.doc

WEB服务器控件编写一个WEB控件至少要包含三个元素:ASP:XXX指明是哪一类控件,ID指明控件的标识符,Ruant指明是在服务器端运行的。如: 一、 WEB服务器控件1、 常用的WEB服务器控件分类名称说明文字控件Label标签TextBox文本框选择控件Checkbox复选框Checkboxlist复选框列表Radiobutton单选按钮Radiobuttonlist单选按钮列表Dropdownlist下拉列表框Listbox列表框按钮Button按钮Image图像控件Imagebutton图像按钮超链接Hyperlink超链接控件Linkbutton超链接按钮控件2、WEB控件的公有属性属性说明AccessKey获取或设置控件的键盘快捷键BackColor获取或设置控件的背景色BorderColor获取或设置控件的边框颜色BorderWidth控件的边框宽度BorderStyle控件的边框样式CssClass分配给控件的样式表类Enable控件是否有效Font控件的字体ForeColor控件的前景色Height控件的高度Width控件的宽度Visible控件是否可见ToolTip获取或设置当用户将鼠标指针停放在控件上时显示的文本3、通过编程设置WEB服务器控件的属性如label1.Text=”您好”;TextBox1.TextMode=TextBoxMode.SingleLine;二、 文字控件Label用于显示文字，其最常用的属性是Text,用于显示的文字内容。 TextBox控件用于输入文字信息，WEB用于文本输入工作的只有TextBox控件，通过设置控件的TextMode属性来区分文本，密码，多行文本输入方式。注意：文本框内容是字符串类型，如果要做计算，需要作类型转换。如convert.tosingle转成单精度，或single.parse()TextBox主要成员成员说明AutoPostBack文本框内容发生变化，并且输入焦点离开文本框（TAB,ENTER），是否自动将文本框内容发回服务器。Text文本框中内容TextModeSingleLine单行输入模式，默认MultiLine多行Pasword密码输入Columns以字符为单位指明文本框的显示宽度Rows当TextMode为MultiLine时，指明文本框的行数MaxLength在单行文本方式下，文本框可以输入的字符数Wrap当TextMode为MultiLine时,是否自动换行，默认为TRUEReadOnly输入框为只读，默认为FALSEDataBind将数据源绑定到被调用的服务器控件及其所有子控件上TextChanged当文本框内容发生变化时，触动。文字控件案例一(5_3):制作登录界面控件类型ID属性设置说明LabelLabel1Text=用户名用于显示静态文本LabelLabel2Text=密码用于显示静态文本LabelLblMessageText=”用于显示提示文本或登录信息TexBoxTxtUserNameTextMode=SingleLine用于输入用户名TexBoxTxtPassWordTextMode=Password用于输入密码ButtonBtnSumitText=提交向服务器发送登录信息ButtonBtnRestText=重置清除文本框内容protected void BtnRest_Click(object sender, EventArgs e) TxtUserName.Text = ; TxtPassWord.Text = ; LblMessage.Text = ; protected void BtnSumit_Click(object sender, EventArgs e) if (TxtUserName.Text.Trim() != ) & (TxtPassWord.Text.Trim() != ) LblMessage.Text = 用户名: + TxtUserName.Text + : + 密码 + TxtPassWord.Text; else if (TxtUserName.Text.Trim() = ) LblMessage.Text = 请输入用户名; else LblMessage.Text = 请输入密码; 文本控件案例二(5_1):显示日期protected void Page_Load(object sender, EventArgs e) DateTime now = DateTime.Now; this.lbltime1.Text = now.ToString(); this.lbltime2.Text = now.ToShortDateString(); this.lbltime3.Text = now.ToLongDateString(); this.lbltime4.Text = now.ToLongTimeString(); this.lbltime5.Text = now.ToShortTimeString(); 文本控件案例三(5_2):显示金额protected void Button1_Click(object sender, EventArgs e) int money = Convert.ToInt32(TextBox1.Text); Label1.Text = money.ToString(C); Label2.Text = money.ToString($#,#.00); 练习:制作页面,完成阶乘运算。三、 选择控件选择控件包含CheckBox CheckBoxList DropDownList ListBox RadioButton RadioButtonList等控件1、RadioButton是多选一的控件，因此该控件还有一个专门的GroupName属性，同一组别的RadioButton控件的GroupName属性必须相同。控件的主要成员成员说明Checked是否选中该控件GroupName获取或设置单选钮所属的组名Text文本标签TextAlign文本标签的对齐方式，文本出现在左边还是右边。CheckedChanged当checked的值在向服务器发送期间更改时发生选择控件案例一（5_4）：单选按钮应用添加两个单选按钮控件，Text的值分别设为“男”，“女”，GroupName的值为sex。 protected void Button1_Click(object sender, EventArgs e) if (RadioButton1.Checked = true) Label1.Text = 性别: + RadioButton1.Text; if (RadioButton2.Checked = true) Label1.Text = 性别： + RadioButton2.Text;练习：完成选择系单选设计功能。2、CheckBox控件属性和RadioButton一样。选择控件案例二（5_5）：复选控件应用添加三个复选按钮，Text的值按照以上图中设置。protected void Page_Load(object sender, EventArgs e) Label1.Text = ;protected void Button1_Click(object sender, EventArgs e) string str1 = 你的选择是: ; if (CheckBox1.Checked) str1 += CheckBox1.Text + ; if (CheckBox2.Checked) str1 += CheckBox2.Text + ; if (CheckBox3.Checked) str1 += CheckBox3.Text ; Label1.Text = str1; 练习：完成选择课程复选功能设计3、CheckBoxList和RadioButtonList控件主要成员成员说明Items属性获取列表项控件的集合，有以下常用属性和方法Count属性：集合中对象数Add方法：将ListItem追加到集合的末尾Clear方法：从集合中移除所有的ListItem对象Remove方法：从集合中移除指定ListItem对象RepeatColumns属性设置控件中显示的列数RepeatDirection属性水平还是垂直显示SelectedIndex属性选定项的索引序号SelectedValue属性选定项的值选择控件案例三（5_6）：单选复选组应用IsPostBack != true判断页面是否首次加载或刷新。因为每次在执行button_click时，都会先执行page_load，如果不想执行，则用IsPostBack != trueprotected void Page_Load(object sender, EventArgs e) if (IsPostBack != true) string player = new string3 姚明, 科比, 邓肯 ; string team=new string3小牛,太阳,火箭; RadioButtonList1.DataSource = player; RadioButtonList1.DataBind(); CheckBoxList1.DataSource = team; CheckBoxList1.DataBind(); protected void Button1_Click(object sender, EventArgs e) Label1.Text = 你最喜欢的球员是; Label1.Text += RadioButtonList1.SelectedValue; int i = 0; string s = ; for (i = 0; i 0) int i; for (i = 0; i = ListBox1.Items.Count - 1; i+) ListBox2.Items.Add(ListBox1.Itemsi.Text); ListBox1.Items.Clear(); protected void Button4_Click(object sender, EventArgs e) int i; for (i = 0; i 0 & ListBox1.SelectedIndex = -1) else for (i = 0; i 0 & ListBox2.SelectedIndex = -1) else for (i = 0; i = ListBox2.Items.Count - 1; i+) if (ListBox2.Itemsi.Selected) ListBox1.Items.Add(ListBox2.Itemsi.Text); ListBox2.Items.Remove(ListBox2.Itemsi); (一班)选择控件案例七（5_10）控件的联动protected void Page_Load(object sender, EventArgs e) /DropDownList1.AutoPostBack = true; if (IsPostBack != true) string zy = new string2 临汾, 吕梁 ; DropDownList1.DataSource = zy; DropDownList1.DataBind(); DropDownList1.SelectedIndex = 0; protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) ArrayList sz = new ArrayList(); if (DropDownList1.Items0.Selected) sz.Add(霍州); sz.Add(候马); if (DropDownList1.Items1.Selected) sz.Add(吕梁); sz.Add(中阳); ListBox1.DataSource = sz; ListBox1.DataBind(); 注意：AutoPostBack 是用在一个控件中的值变换会带来另一个控件值变换时，需要设置为true,它的AutoPostBack属性默认为False,如果不把属性改为True,他的SelectedIndexChanged()事件中的代码就不会执行动态加载控件（dtjz.aspx） Label lab1=new Label(); Label lab2 = new Label(); RadioButtonList rd1=new RadioButtonList() ; protected void Page_Load(object sender, EventArgs e) lab1.Text=一个完整的计算机系统包括; PlaceHolder1.Controls.Add(lab1); rd1.Items.Add(A); rd1.Items.Add(B); rd1.Items.Add(C); rd1.Items.Add(D); PlaceHolder1.Controls.Add(rd1); Button btn1=new Button(); btn1.Text=确定; btn1.Click+=new EventHandler(btn1_Click); PlaceHolder1.Controls.Add(btn1); PlaceHolder1.Controls.Add(lab2); protected void btn1_Click(object sender, EventArgs e) lab2.Text=你选择的是：+rd1.SelectedValue;文件上传控件protected void Button1_Click(object sender, EventArgs e) string fileExt = System.IO.Path.GetExtension(File1.FileName); string dir = Server.MapPath(TextBox1.Text); string fd = dir + /banner.gif; if (Directory.Exists(dir) & (File1.HasFile) if (fileExt != .gif) Response.Write(alert(图片格式不对!);); else File1.PostedFile.SaveAs(fd); Response.Write(alert(文件上传成功!);); Label1.Text = 文件类型：+File1.PostedFile.ContentType; Label1.Text += 文件大小： + File1.PostedFile.ContentLength; Label1.Text += 客户端路径： + File1.PostedFile.FileName; Label1.Text += 图片预览： + +; 四、 按钮控件1、 Button2、ImageButton从功能上看和Button控件一样,但是该控件是用图片作为按钮的表面。有两个属性：ImageUrl设置图片所在位置按钮控件案例一（5_12）protected void Page_Load(object sender, EventArgs e) ImageButton1.ImageUrl = images/tx.png; ImageButton1.ToolTip = 请选择腾讯; ImageButton2.ImageUrl = images/wy.png; ImageButton2.ToolTip = 请选择网易; ImageButton3.ImageUrl = images/xl.gif; ImageButton3.ToolTip = 请选择新浪; protected void ImageButton1_Click(object sender, ImageClickEventArgs e) Response.Redirect(); protected void ImageButton2_Click(object sender, ImageClickEventArgs e) Response.Redirect(); protected void ImageButton3_Click(object sender, ImageClickEventArgs e) Response.Redirect();3、 image属性ImageUrl：设置图片所在位置按钮控件案例一（5_13）protected void Page_Load(object sender, EventArgs e) if (IsPostBack != true) DropDownList1.Items.Add(images/tx.png); DropDownList1.Items.Add(images/wy.png); DropDownList1.Items.Add(images/xl.gif); Image1.ImageUrl = images/xl.gif; DropDownList1.AutoPostBack = true; protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) Image1.ImageUrl = DropDownList1.SelectedValue;思考：IsPostBack != true在事件中的作用，如果去掉该判断语句，会出现什么问题？应用二五、 超链接控件1、HyperLink属性：Text 设置文本标题NavigateUrl设置控件链接到的urlImageUrl设置控件显示的图像路径该控件创建一个可以跳转到其他页的链接，该链接既可以显示为文本，也可以显示为图像。若显示文本，则设置Text属性，若显示图像，则设置ImageUrl属性。如果同时设置二者，则ImageUrl属性优先；如果图像不可用，则显示文本。2、LinkButton控件具有和Button相同的属性超链接控件案例一（5_14）protected void Page_Load(object sender, EventArgs e) HyperLink1.Text = 网易; HyperLink1.NavigateUrl = ; HyperLink1.ImageUrl = imags/4.jpg; LinkButton1.Text = 网易; protected void LinkButton1_Click(object sender, EventArgs e) Response.Redirect(); 六、 页面显示控制控件1、 panel利用该控件，可以将页面中的相关控件分组管理并进行显示隐藏。显示控件案例一（5_15）2、 table控件显示控件案例二（5_16）Table由Rows集合组成,而Rows由若干个TableRow组成,每个TableRow由Cells集合组成,而Cells由若干个TableCell组成.protected void Page_Load(object sender, EventArgs e) int i; if (IsPostBack = false) select1.Items.Clear(); select2.Items.Clear(); for (i = 1; i = 10; i+) select1.Items.Add(i.ToString(); select2.Items.Add(i.ToString(); Table1.Rows.Clear(); protected void Button1_Click(object sender, EventArgs e) int i, j; int m = Convert.ToInt32(select1.Text); int n = Convert.ToInt32(select2.Text); for (i = 0; i = m - 1; i+) TableRow tr = new TableRow(); for (j = 0; j n; j+) TableCell td = new TableCell(); td.Text= 第 + (i + 1) + 行第 + (j + 1) + 列; tr.Cells.Add(td); Table1.Rows.Add(tr); 七、 WEB验证控件网页可供用户输入信息。为避免用户输入一些不规范的信息，就必须要在网页程序中加入检查功能，这种功能就是表单验证功能。在.NET中有专门的表单验证控件用于表单信息的验证。1、验证控件RequiredFieldValidator验证是否已输入数据CompareValidator将用户输入的数据与另