WEB服务器控件.docx
WEB服务器控件编写一个WEB控件至少要包含三个元素:ASP:XXX指明是哪一类控件,ID指明控件的标识符,Ruant指明是在服务器端运行的。如:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br /><asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><br /><asp:Button ID="Button1" runat="server" Text="Button" /> </div>一、 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 <= CheckBoxList1.Items.Count - 1; i+) if (CheckBoxList1.Itemsi.Selected) s += CheckBoxList1.Itemsi.Value + "、" if (s = "") s = "您没有选择你喜欢的球队" else s = ",你喜欢的球队是：" + s.Substring(0, s.Length - 1); Label3.Text = Label1.Text+ s; 练习：用单选按钮列表控件及复选框列表控件完成系别及课程选择。也可以通过以下语句对控件进行初始化: if (IsPostBack != true) RadioButtonList1.Items.Add("星期一"); RadioButtonList1.Items.Add("星期二"); RadioButtonList1.Items.Add("星期三"); CheckBoxList1.Items.Add("一"); CheckBoxList1.Items.Add("二"); CheckBoxList1.Items.Add("三"); 或者 ArrayList zy1 = new ArrayList(); zy1.Add("星期一"); zy1.Add("星期二"); zy1.Add("星期三"); RadioButtonList1.DataSource = zy1; RadioButtonList1.DataBind(); ArrayList zy2 = new ArrayList(); zy2.Add("一"); zy2.Add("二"); zy2.Add("三"); CheckBoxList1.DataSource = zy2; CheckBoxList1.DataBind();总结:CheckBoxList1.DataSource 数据源CheckBoxList1.DataBind()数据源绑定控件CheckBoxList1.Items.Count 列表框中包含项数CheckBoxList1.SelectedIndex 选中项的索引值,选中项的索引为-1，即没有选中项CheckBoxList1.SelectedValue选定项的值CheckBoxList1.Items.Add()在列表框中加入某项；CheckBoxList1.Items.Remove()在列表框中清除某一项CheckBoxList11.Items.Clear()在列表框中清除所有项；CheckBoxList1.Itemsi.Text第i项的文本 CheckBoxList1.Itemsi.Selected第i项是否选中CheckBoxList1.Itemsi 第i项选择控件案例四(5_7)：动态加载控件IsPostBack页面是否首次加载或刷新。protected void Page_Load(object sender, EventArgs e) if (!this.IsPostBack) string hobbys = "旅游,运动,阅读,登山,音乐,泡吧,喝酒,品茶,下厨,模型" foreach(string hobby in hobbys.Split(new char',' ) ) ListItem item=new ListItem();/checkboxlist中每一项的类型 item.Text = hobby; item.Value = hobby; this.cdlhobby.Items.Add(item ); continue; protected void Button1_Click(object sender, EventArgs e) this.Label1.Text = "你选择的爱好是:" foreach (ListItem item in this.cdlhobby.Items) if (item.Selected = true) this.Label1.Text += item.Text + "," 4、DropDownList控件是一种多选一的控件，该控件功能与RadioButton控件相似。在使用时需要和子控件listItem配合。DropDownList控件的主要成员成员说明DataSource获取或设置填充列表控件项的数据源DataBind方法将数据源绑定到控件Items获取列表控件项的集合SelectedIndex选定项的索引，默认值为0,该值选定列表项的第一项。SelectedItem选定项SelectedValue选定项的值若要判断控件哪个选项被选中，有以下两种方式（1） 使用控件的SelectedIndex属性该属性表示被选择项的索引编号，从“0”开始计算；其值若为“-1”，表示没有任何项被选择。（2） 使用控件的SelectedItem属性通过该属性的Text、Value属性可以获取该项的文本或值。SelectedItem.Text选择控件案例五(5_8)protected void Page_Load(object sender, EventArgs e) string zy = new string3 "教师", "学生", "工人" ; if (IsPostBack != true) DropDownList1.DataSource = zy; DropDownList1.DataBind(); protected void Button1_Click(object sender, EventArgs e) Label1.Text = DropDownList1.SelectedItem.Text; /Label1.Text = DropDownList1.SelectedValue; /Label1.Text = DropDownList1.SelectedIndex.ToString(); 练习：用下拉列表选择系别，用arraylist初始化。选项的初始化也可以使用下面的代码if(IsPostBack!=true) DropDownList1.Items.Add("教师"); DropDownList1.Items.Add("学生"); DropDownList1.Items.Add("工人"); 5、ListBox控件该控件是一种可单选/多选设置的控件，该控件功能灵活，既可以设置成单选方式，也可以设置成多选方式。主要成员成员说明rows控件中显示的行数selectedindex选定项的最小索引selecteditem索引最小的选定项selectedvalue选定项的值selectionmode列表框的选择模式选择控件案例六(5_11)protected void Page_Load(object sender, EventArgs e) Button1.Text = "提交" Label1.Text = "" ListBox1.SelectionMode =ListSelectionMode.Multiple; if (IsPostBack != true) ArrayList sz = new ArrayList(); sz.Add("高数"); sz.Add("英语"); sz.Add("大学语文"); sz.Add("ASP.NET"); ListBox1.DataSource = sz; ListBox1.DataBind(); protected void Button1_Click(object sender, EventArgs e) Label1.Text = "你选择的是："+ListBox1.SelectedValue; 分析结果：想要显示所有选定的项，程序应该怎样改？练习：判定是否选了高数课程，如果是，显示本学期不能开此课程。总结：ListBox1.DataSource 数据源ListBox1.DataBind()数据源绑定控件ListBox1.Items.Count 列表框中包含项数ListBox1.SelectedIndex = -1选中项的索引为-1，即没有选中项ListBox1.SelectedValue选定项的值ListBox1.SelectionMode设定控件的选择模式：Multiple表示可多选，Single表示只能单选。ListBox1.Items.Add()在列表框中加入某项；ListBox1.Items.Remove()在列表框中清除某一项ListBox1.Items.Clear()在列表框中清除所有项；ListBox1.Itemsi.Text第i项的文本ListBox1.Itemsi.Selected第i项是否选中ListBox1.Itemsi 第i项。例ListBox2.Items.Remove(ListBox2.Itemsi)移除第i项。 选择控件案例六(5_9)using System.Collections;protected void Page_Load(object sender, EventArgs e) if (IsPostBack != true) ArrayList city = new ArrayList(); city.Add("北京"); city.Add("上海"); city.Add("天津"); city.Add("重庆"); city.Add("沈阳"); ListBox1.DataSource = city; ListBox1.DataBind(); protected void Button1_Click(object sender, EventArgs e) if (ListBox1.Items.Count > 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 <= ListBox2.Items.Count - 1; i+) ListBox1.Items.Add(ListBox2.Itemsi.Text); ListBox2.Items.Clear(); protected void Button2_Click(object sender, EventArgs e) int i; if (ListBox1.Items.Count > 0 && ListBox1.SelectedIndex = -1) else for (i = 0; i <= ListBox1.Items.Count - 1; i+) if (ListBox1.Itemsi.Selected) ListBox2.Items.Add(ListBox1.Itemsi.Text); ListBox1.Items.Remove(ListBox1.Itemsi); protected void Button3_Click(object sender, EventArgs e) int i; if (ListBox2.Items.Count > 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="<br>你选择的是："+rd1.SelectedValue;文件上传控件protected void Button1_Click(object sender, EventArgs e) string = System.IO.Path.GetExtension(); string dir = Server.MapPath(TextBox1.Text); string fd = dir + "/banner.gif" if (Directory.Exists(dir) && () if ( != ".gif") Response.Write("<script>alert('图片格式不对!');</script>"); else (fd); Response.Write("<script>alert('文件
