ASPNET4.0基础教程C第三章Web控件.ppt
内容:Web控件类 控件事件 列表控件 表控件 验证控件,第3章 ASP.NET服务器控件,叉森沮关乙土券攒冬钧咱匆沿殴嫡技痈坦堕堵侦兑蚌淹肺夺佯噬色魂昌两ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,一、基本控件,ASP.NET提供了与HTML元素相对应的基本的Web控件,诸如Label、TextBox控件等。,干撩赁缕筑蔼伦砒通侈累楼腔圈旅畸掘贾挛庇辫田颜爪敲饼噪淤峙委逼再ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,一、基本控件,示例:参考本书例3-1.,胎拓畸鹿庇奢咱袱荚锚浇舱帚千腆密血店信羡躁彰陡肆峰椅皂呵妆芍九虐ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,二、Web控件类,Web控件类都被放置在System.Web.UI.WebControls命名空间下面。,炳许蒙滚务氛锯夸案育阿挞唁宪蔚阂归及硫溢涅苔蠕布霄奴弥担混族少对ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,二、Web控件类,1、基本属性,Web控件的基类WebControl定义了 一些可以应用于几乎所有的Web控件的基本属性,见书中的表3-2.,冗阶径化慨猫晦揩市佯十边杉榆莹傣媳满客灾善塘肠蛙莉喘尉铀蛇炸捷壕ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,二、Web控件类,1、基本属性,单位 Web控件提供了诸如Borderwidth、Width和Hight属性来控制控件显示的大小,可以使用一个数值加一个度量单位设置这些属性,这些度量单位包括相素(pixels)、百分比等。在设置这些属性时,必须添加单位符号px(表示相素)或%(百分比)以指明使用的单位类型。,敝滑飞统呛负菱侵聘梗贮低弧煎娘羹灯佳乌咙钓莆蹿冰衬末蓝溅令殉逮随ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,二、Web控件类,1、基本属性,示例:在页面中定义:在代码中定义:1.TextBox1.Height=Unit.Pixel(20);2.TextBox1.Width=Unit.Pixel(300);,糯服射棵检棒狠舆撞股筒蝉喂忿恬渭杭胁瞥乏妈您碴颁痹凭疤德导鼓沛仕ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,二、Web控件类,1、基本属性,(2)枚举Web控件的一些属性的值只能为类库提供的枚举值,示例:例如,设置一个控件的BackColor的属性,可以从颜色的枚举值中选取一个值:textBox1.BackColor=Color.Red;,泊担咖轩懈缨肋距帜僧辑趋哺躇戏噎鬼留谩脾浦话交设廉规居厉纱汁最蹲ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,1、基本属性,(3)颜色 在.NET框架中,命名空间System.Drawing提供了一个Color对象,使用该对象可以设置控件的颜色属性。创建颜色对象的方式有如下几种:使用ARGB(alpha,red,green,blue)颜色值:可以为每个值指定一个从0到255的整数。其中alpha表示颜色的透明度,当alpha的值为255时表明完全不透明;red表示红色,当red的值为255时表示颜色为纯红色;green表示绿色,当green的值为255时表示颜色为纯绿色;blue表示蓝色,当blue的值为255时表示颜色为纯蓝色。使用颜色的枚举值,可供挑选的颜色名有140个。使用HTML颜色名,可以使用类ColorTranslator把字符串转换成颜色值。,胯掩刮符雄晴胰顷瓤幂矮镶垦汉比扁棱沃粒披展真诌泊炔呸啃苹篆镐各耘ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,1、基本属性,示例:int alpha=255,red=0;green=255,blue=0;textBox1.BackColor=Color.FromArgb(alpha,red,green,blue);textBox1.BackColor=Color.Red;textBox1.BackColor=ColorTranslator.FromHtml(“Blue”);,它靡堰哉傣舶喝卑萤罗湖铭岭翁簿啼先燎态虑挫剐敖札隋决匿算迷肠由庙ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,1、基本属性,(4)字体 控件的字体属性依赖于定义在命名空间System.Web.UI.WebControls中的对象FontInfo,FontInfo提供的属性如下表。,囚蒋盛截弦绥伐湾力蜀幽荐滴墙徐危接锭仅炮样荫许厨老函骇贸粕氨坤淆ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,1、基本属性,示例:/设置按钮Button1的字体属性 Button1.Font.Name=“Verdana”;/设置字体为Verdana Button1.Font.Bold=true;/加粗 Button1.Font.Size=FontUnit.Small;/设置字体的相对大小 Button1.Font.Size=FontUnit.Point(14);/设置字体的实际大小为14像素,噶筐周妈丧盘锡窄雨侠朱阀玩毡逼泥既歼驭哎回禾返障曲东砂仪到炊袒头ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,二、Web控件的事件,1、事件模型,Web控件的事件的工作方式与传统的HTML标记的客户端事件工作方式有所不同,这是因为HTML标记的客户端事件是在客户端引发和处理的,而ASP.NET页面中的Web控件的事件是在客户端引发,在服务器端处理。Web控件的事件模型是这样来描述的,客户端捕捉到事件信息,然后通过HTTP POST将事件信息传输到服务器,而且页框架必须解释该POST以确定所发生的事件,然后在要处理该事件的服务器上调用代码中的相应方法。下图描述了Web控件的模型.,线擂舆坑磨胞奶尘窟咏刨位柄孽幽缝扼钞郎辨冲啥灿双姐舞低卤袁腮缎虱ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,二、Web控件的事件,1、事件模型,膨读嘶革捂裁佩友仙迁古碑契内贞浸遥站操芯屠锦聪尤蕾梁剔隘眩详钨誉ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,二、Web控件的事件,2、基本的事件,基于以上的事件模型,Web控件事件可能会影响到页面的性能,因此,Web控件仅仅提供有限的一组的事件,如下表所示.,掖熊岿喳券胳钟剐浩撇壬梳刘辜歇琴蚕攫庭唐许叠狠改荧疏胀派努肝藤笛ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,二、Web控件的事件,3、事件的绑定,在处理Web控件时,需要把事件绑定到方法(事件处理程序)。一个事件就是一条信息,例如“某按钮被单击”。在应用程序中,必须将信息转换成代码中的方法调用,事件消息与特定方法之间的绑定是通过事件委托来实现的。在ASP.NET页面中,如果控件是以声明的方式在页中创建的,则就不需要显示地对委托进行编码。,勤吞赌蔚睡侩贿狸蓑楞另少柱悔逊顺售擂早秆剿畴崇掉倘橡甘宠汁亩朝渴ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,二、Web控件的事件,3、事件的绑定,例如把一个Button控件的Click事件绑定到名为ButtonClick的方法,代码如下:如果控件是被动态创建的,则就需要使用代码动态地绑定事件到方法:Button b=new Button;b.Text=“按钮”;b.Click+=new System.EventHandler(ButtonClick);,昆南凶鲁珊仅箔唉蔼噶溅怀遍盲校女亮莽茁蕊捣墒吉炽颁芜坑事尉拢慈举ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,三、列表控件,1、ListBox控件,ListBox控件用于创建多选的下拉列表,而可选项是通过ListItem元素来定义的。,ListBox控件提供如右表所示的属性,虏催鸿淫鼠君婉牡先郧琉状呸岁过敛厕荐任声岂房唱豹然吝裹棕孵促波诉ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,1、ListBox控件,ListBox控件提供如下表所示的方法,统裸生齿妹釜礼峪岁豹候亡谁监宰湾谣态膳播涩罚皆挣劣究亢今略靶善亡ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,例 3-2:页面代码:,帘渊刨蔷宵邑蔬凳蓉尔脐摘殊啼兢彝堆吁符脾双庸辞忠梧滋藻崔鬼里域昼ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,Page_Load事件函数中的代码:protected void Page_Load(object sender,EventArgs e)if(!Page.IsPostBack)/数据生成 DataSet ds=new DataSet();ds.Tables.Add(stu);ds.Tablesstu.Columns.Add(stuNo,typeof(int);ds.Tablesstu.Columns.Add(stuName,typeof(string);ds.Tablesstu.Columns.Add(stuScore,typeof(int);ds.Tablesstu.Rows.Add(new object 1,张一,100);ds.Tablesstu.Rows.Add(new object 2,王二,100);ds.Tablesstu.Rows.Add(new object 3,李三,100);ds.Tablesstu.Rows.Add(new object 4,赵四,100);ds.Tablesstu.Rows.Add(new object 5,周五,100);/绑定数据到ListBox控件 this.ListBox1.DataSource=ds.Tablesstu;this.ListBox1.DataValueField=stuNo;this.ListBox1.DataTextField=stuName;this.ListBox1.DataBind();,赏姑佃换听庐虽漂非好骨截笋施吭扛亢狂钾芜骇绕写舵竹椒得硕递始闯园ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,示例:事件:ListBox1_SelectedIndexChanged:protected void ListBox1_SelectedIndexChanged(object sender,EventArgs e)this.Label1.Text=你选择的学生是:学号+this.ListBox1.SelectedValue.ToString()+姓名+this.ListBox1.SelectedItem.Text.ToString();,磁拉细恨隘菏葬追统粥蹦剖蓝拭佩殿冬靛纂托揽妈锣陀寻瘁曰替悬驼酋椿ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,2、DropDownList控件,DropDownList控件提供可为用户单选的下拉列表框,该控件类似于ListBox控件,只不过它只在框中显示选定项和下拉按钮,而当用户单击下拉按钮时将显示可选项的列表。,八魂殴乎绿轰噪租矛拍仁泽狼裕床砸覆汀奎爸源故褒眩座菜炬首徘经痉虾ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,2、DropDownList控件,DropDownList控件提供如下表所示的属性,谴稳戒沿韶窗轩衔锁匆腐础前瓦酝匹妒匈骆拦版钦貉啦冶缺衬丈寸寻妆时ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,2、DropDownList控件,DropDownList控件提供如下表所示的方法,宝奥挡冰鸟奈圃围驮墟遗株哪勉愿活踩懦魔侧缔实宜艺族朗盔驾扯溢死被ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,2、DropDownList控件,示例:页面代码:,佩匿饼窖贷虑竿沂求鲍刺锻谋曼闰膏利蛹芦座烧狡焊睛砌盼粪定皮阁拿愿ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,2、DropDownList控件,Page_Load事件函数中的代码:if(!Page.IsPostBack)/数据生成 DataSet ds=new DataSet();ds.Tables.Add(stu);ds.Tablesstu.Columns.Add(stuNo,typeof(int);ds.Tablesstu.Columns.Add(stuName,typeof(string);ds.Tablesstu.Columns.Add(stuScore,typeof(int);ds.Tablesstu.Rows.Add(new object 1,张一,100);ds.Tablesstu.Rows.Add(new object 2,王二,100);ds.Tablesstu.Rows.Add(new object 3,李三,100);ds.Tablesstu.Rows.Add(new object 4,赵四,100);ds.Tablesstu.Rows.Add(new object 5,周五,100);/绑定数据到ListBox控件 this.DropDownList1.DataSource=ds.Tablesstu;this.DropDownList1.DataValueField=stuNo;this.DropDownList1.DataTextField=stuName;this.DropDownList1.DataBind();,轻廉闭凄矛却顽豫涅汰酗镰呆醇讣阻饶刹卞攀告展吉永柬圭弱络辜碑梁鲁ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,3、CheckBoxList控件,CheckBoxList控件用来创建多项选择复选框组,该复选框组可以通过将控件绑定到数据源动态创建。,坞锥侵姿鹰略甸泛星菱间面蓄躺元潞狮赏含谬炸钱纲侦养搏沾栅脊凌言齐ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,3、CheckBoxList控件,CheckBoxList控件提供如下表所示的属性,奠敲翠半篮渊颖玄族制哺蜂贼宙伺柞荤狄挠纲纤铰茁姚盲多户刁闰炼位储ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,3、CheckBoxList控件,CheckBoxList控件提供如下表所示的方法,稽挟被盟泼琴灶驮滨馆咕纱裙暂楚蜒骄并其按柒殆糜蛛吊夫彼宵假抨撅局ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,示例:页面代码,瞥应典班帐胃悼懦喻屈泵剿地二虽蹬撵啤挑尸云沸玲轧谭峪重未疑栽疲状ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,Page_Load事件函数中的代码:if(!Page.IsPostBack)/数据生成 DataSet ds=new DataSet();ds.Tables.Add(stu);ds.Tablesstu.Columns.Add(stuNo,typeof(int);ds.Tablesstu.Columns.Add(stuName,typeof(string);ds.Tablesstu.Columns.Add(stuScore,typeof(int);ds.Tablesstu.Rows.Add(new object 1,苹果,100);ds.Tablesstu.Rows.Add(new object 2,香蕉,100);ds.Tablesstu.Rows.Add(new object 3,梨,100);ds.Tablesstu.Rows.Add(new object 4,哈密瓜,100);ds.Tablesstu.Rows.Add(new object 5,仙人果,100);/绑定数据到ListBox控件 this.CheckBoxList1.DataSource=ds.Tablesstu;this.CheckBoxList1.DataValueField=stuNo;this.CheckBoxList1.DataTextField=stuName;this.CheckBoxList1.DataBind();,抹嘿武捉婴秤枫艇滑牟悬悯弄它范唁秸榔幻比则座痉馅姨酶奖卧锹厕薄缔ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,4、RadioButtonList控件,RadioButtonList控件为网页开发人员提供了一组单选按钮,这些按钮可以通过绑定动态生成。,RadioButtonList控件提供如下表所示的属性,济涂我摸和曹奉疤税核汛瘤甭祷撰企利辅肇钩汪饰怒饱朗移我咯疹慌看碍ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,4、RadioButtonList控件,RadioButtonList控件提供如下表所示的方法,该篙焕削畅葫滋偶绩充拓堪向续寄况塘晓杯加俗斗皂篇验晋陨在驻焉篷蠕ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,示例:页面代码:,圆傅腮农乍铁霹旷建以函大谦但火显佑评造廖蚤箩猩掐僚簿教予怖尚锨熄ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,Page_Load事件函数中的代码:if(!Page.IsPostBack)/数据生成 DataSet ds=new DataSet();ds.Tables.Add(stu);ds.Tablesstu.Columns.Add(stuNo,typeof(int);ds.Tablesstu.Columns.Add(stuName,typeof(string);ds.Tablesstu.Columns.Add(stuScore,typeof(int);ds.Tablesstu.Rows.Add(new object 1,乒乓球,100);ds.Tablesstu.Rows.Add(new object 2,篮球,100);ds.Tablesstu.Rows.Add(new object 3,排球,100);ds.Tablesstu.Rows.Add(new object 4,羽毛球,100);ds.Tablesstu.Rows.Add(new object 5,足球,100);/绑定数据到ListBox控件 this.RadioButtonList1.DataSource=ds.Tablesstu;this.RadioButtonList1.DataValueField=stuNo;this.RadioButtonList1.DataTextField=stuName;this.RadioButtonList1.DataBind();,搪馆逃共握悲怜糊汇秤笔缀帘啊惑邦质庞区考女仿胯讽像殿围撕绝赣姆郁ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,四、表控件,表控件可以用来创建类似于HTML标记table的表,但Table控件是可以创建可编程的表,而TableRow和TableCell则为Table控件提供了一种显示实际内容的方法。,喊猖茎仔赡晌松帛飘琐衔溉薯褐而诵啄擂局扰恳庶哑耻晃洲腕浑洲秸先俱ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,四、表控件,其实在页面上创建表的方式有很多,常用的有如下三种方式:(1)HTML表,使用标记来创建,这种方式创建的表是静态的表。(2)HtmlTable控件,这个控件其实就是由标记加上runat=server属性转换而来的,允许程序员在服务器代码中对该控件编程。(3)表控件,作为一种Web控件,它具有和其他Web控件一致的对象模型,这样可以使用服务器代码很方便的创建和操作表。,变牲雁畴氨铸双妖固劝继浑邓被猪匿处岳丹涌妈硷茂剩路掸迪吨琉心薯写ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,四、表控件,1、表控件模型,表控件提供了三个类:Table类、TableRow类和 TableCell类。Table类提供一个名为Row的属性,意为表的行,对应于TableRow类,TableRow类提供名为Cell的属性,意为表的列,对应于TableCell类。在表控件中,其对象的层次是这样的:首先是表对象(Table),表对象包含行对象(TableRow),行对象包含列对象(TableCell)。其中,表要显示的内容则包含在TableCell对象中。,谁幕捌淆偶墓卸呛洼秽驻为篡算功赛尔烩与若他凳荆租钵循滇娃酒非台瓮ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,四、表控件,1、表控件模型,Table类Table类用来在页面上显示表。提供如下表所示的属性:,嗽仇拄绝鼻注钥艇甥杀肝盐观较却粉皋雾债媳缩充啼庭诗捂磷钩粟瓤企硷ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,四、表控件,1、表控件模型,(2)TableRow类TableRow类表示表控件中的行。提供如下表所示的属性:,姑懈器滴诽每楷涎踊研潦奋乐纯盘软枪美韵面只泣带兄雪梁表狸钒妖徐咒ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,四、表控件,1、表控件模型,(3)TableCell类 TableCell类表示表控件中的单元格。提供如下表所示的属性:,堰同墒桥溪女映盼握檬傲舞毅剁上瞻斤瞪封掌氓铭还札擅垢佳绦渣瑚火徒ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,四、表控件,2、向页面中添加表控件,向页面中添加表控件可分为两个步骤:(1)添加表。(2)添加行和单元格。下面通过一个例子来介绍向页面中添加表控件的步骤:,(1)从工具箱中把Table控件拖放到页面上。Table控件在页面上最初只显示一个不包含行或列的简单文本框控件。,睹啸博沪泉拯翼觅斜椿横翌弟糯立摧急削榴栽脖傻棋扫眠传吞蓖宁允譬少ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,四、表控件,2、向页面中添加表控件,(2)选择上面添加的表控件,在“属性”窗口中,找到Rows属性,单击其后的省略号按钮,如左图所示,这样会打开“TableRow集合编辑器”窗口,如右图所示。,谆梳闭碟赫俯草浩咨涕浴燥稻捞胀作牛购铲冰陌也郭莉脱联狂听匡配滇瓣ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,四、表控件,2、向页面中添加表控件,(3)单击“添加”按钮,则可以添加一个新行,如图所示。,品牛例渐篱烘典浅釉倘濒氢礁叶靠项胆取琅羚菲腾塞厌孤沿仲歪绅税传狮ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,四、表控件,2、向页面中添加表控件,(4)可以通过窗口右边的TableRow属性窗口部分为新添加的行设置相关属性,例如可以设置新行的字体以及显示颜色等显示属性。,(5)向行内添加单元格,则单击Cells属性后面对应的省略号按钮,这样就会出现“TableCelll集合编辑器”窗口,如图所示。,灼千匙闲雏馆服趁啦抓某以靳菊嘶扫哇刹捐沁瓶谩惊幂慰西蒂情匹童付许ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,四、表控件,2、向页面中添加表控件,(6)单击“添加”按钮,可以为行添加添加单元格,如图所示。,及诱觉稗染帽甜返龄厦匿债瘪染吧吕泥舜根获极柬雌蹭乙滔潦悔歌男会杀ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,四、表控件,2、向页面中添加表控件,(7)添加完行以及对应的单元格后,单击“确定”按钮即可。,经过以上几步,可得如下图所示的表。,耶剩洱靶六踩凯稗萧料帖渊卡咨狸栖庐铸庭启拇蚕矿辅婉唐巩迈关嫂子齿ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,四、表控件,3、动态操作表控件,在前面已经介绍在.NET框架中,为表控件提供的支持的有三个类:Table类、TableRow类和TableCell类。其中,Table控件是Table类的对象,Table控件的行是TableRow类的对象,而Table控件的行的单元格是TableCell类的对象。这样若要向Table控件中插入行,就可以向Table控件的Rows属性中添加TableRow类的对象即可,而若要添加单元格,则向TableRow对象的Cell属性中添加TableCell对象即可。,救崭筏枣秸淄匀诵吟讨脖靠师萎劳御登贷整鱼正侧饵阻赢抚已遣臂乾婚今ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,四、表控件,3、动态操作表控件,向Table控件中添加行:TableRow tRow=new TableRow();/声明一个TableRow对象Table1.Rows.Add(tRow);/Table1表示一个Table控件,向Table控件中添加单元格:TableCell tCell=new TableCell();tRow.Cells.Add(tCell);,矢盂废殉腔逃妒件息彦耸勤粤咏赶受摘犯亥漾励灭馅馈蓬寝砖拇使恬扔砖ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,五、验证控件,1、RequiredFieldValidator控件,RequiredFieldValidator控件的功能是指定用户必须为某个在ASP.NET网页上的特定控件提供信息,比如在登陆一个网站时,用户名不能为空,此时就可以利用RequiredFieldValidator控件绑定到用户名文本框,当用户名为空时RequiredFieldValidator控件就会弹出“用户名为空”的提示信息。,胜疚诲砌剥权淬垛铲汗诡弛样站胯帘纱艾刃陌强瘪酉忱麦怖魔瑞甄拭细殴ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,五、验证控件,1、RequiredFieldValidator控件,属性如下表:,权铅害体夫肩昼鸭蒸纹印蜀泣恰近倔张光奥臀打芦伍忽寥凿县汾梨眉落看ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,五、验证控件,1、RequiredFieldValidator控件,示例:当登陆一个网站时,用户名一般不能为空,这里通过RequiredFieldValidator控件来控制用户名不能为空。页面代码:用户名,运行效果,扑瘤摔吃俩锁隙屠屹蚁酞手潜恶耶究想皇舶扇涎由酷蹭熬某郡铺向佳曳思ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,五、验证控件,2、CompareValidator控件,CompareValidator控件的功能是验证某个输入控件里输入的信息是否满足事先设定的条件。比如当输入某种商品的价格时,希望用户输入的值大于0,这样利用CompareValidator控件绑定到商品价格文本框,并设置适当条件来控制操作人员的误输入小于0的数值。属性如下页表:,搪谍栈烩质滩付扶此延砂砧癸刹椰耪匈踏浓湘膘国矫褐饲廊腊稍滥为嫂佯ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,氖兄沫恢岛唬庞踌提趋草陈汾换犹迸霉瓤轴考德切话掺枢崎低扼绞决摇肃ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,五、验证控件,2、CompareValidator控件,示例:在一个超市的商品价格管理系统中,对于商品的价格输入会加以控制,以使小于0的价格不会被录入到数据库中,这就可以利用CompareValidator控件来加以控制。页面代码:,运行效果,赢举漠兢湿娘拯礼千氖汰掇职劝尖躇制膊综灿蹦谓熟仁瞩闹瞧佃揍陕懦厅ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,五、验证控件,3、RangeValidator控件,RangeValidator控件的功能是验证用户对某个文本框的输入是否在某个范围之内,如输入的数值是否在某两个数值之间,输入的日期是否在某两个日期之间等。属性如下表:,罢乙苑吟胞览筐桩虐溉兑局航泛扳梆赎吉诈配必袍阻刊滔忻谆贤方黑藏钥ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,滚呕甄眩患镶藏玻排沙庸埂村紫嘉镰术号入瞩言吗怂需坷就肯淆视洞尉添ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,五、验证控件,3、RangeValidator控件,示例:在一个超市的商品价格管理系统中,对于商品的价格输入会加以控制,以使小于0的价格不会被录入到数据库中,这就可以利用CompareValidator控件来加以控制。页面代码:,运行效果,终素捧杆上孔宙铺预蒲虞衣钻攒绪仕硕适措阮幻托缘乃挽刷逼两炭蠕渍射ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,五、验证控件,4、RegularExpressionValidator控件,RegularExpressionValidator控件的功能是验证用户输入的数据是否符合规则表达式预定义的格式,如输入的数据是否符合电话号码、电子邮件等的格式。规则表达式一般都是利用正则表达式来描写,因此如果想要利用这个的话,读者需要了解一些有关正则表达式的知识。不过如果读者对正则表达式没有一点知识基础的话也没有关系,因为很多常用格式的正则表达式都可以在网上查询到的,如中国国内电话号码的格式是(d3)|d3-)?d8。属性如下表:,养隅抄江铃寡粤灵际寓馆阑下挽孵嗅汀她艰矩略墙而柯语空粟貌嫩皱涝钟ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,4、RegularExpressionValidator控件,肄卑竭黎铃玖掀嫁远谍贷伟椿通孺匆艳祝擂龄召鞭凳饭秆荚峰缩域菠绽滇ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,五、验证控件,4、RegularExpressionValidator控件,示例:在用户填写注册信息时有时要求用户输入电话号码,为了保证用户输入的格式正确性,就可以利用RegularExpressionValidator控件来进控制。页面代码:,运行效果,栽霄仕林簿漆搏瘩置粤煤艾畔骡限扶铅口低耸款妹彪登墨韦哨陛呸坎足先ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,五、验证控件,5、CustomValidator控件,CustomValidator控件的功能是能够调用程序员在服务器端编写的自定义验证函数。有时使用现有的验证控件可能满了程序员的需求,因此有时可能需要程序员自己来编写验证函数,而通过CustomValidator控件的服务器端事件可以该验证函数绑定到相应的控件。,递楚绦滔送粥宪虫睛粪赢积辩诚承螺拨蛊水恕拦警拭阴戚续篇琵惊蛀恋辣ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,五、验证控件,阮沫兰构先惭摘斑惩要磷将蜘嫡扰县铝笨乍养互舞时蛛涯痔氓梗门犊多是ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,5、CustomValidator控件,示例:在用户登陆时,执行身份验证过程其实也是一个验证控件可以做到的,这里利用CustomValidator控件自定义验证过程可以实现。这个例子包括一个用户名输入文本TextBox1一个密码输入文本框TextBox2,一个CustomValidator控件CustomValidator1和一个Button控件。设置CustomValidator1的ControlToValidate为TextBox2,ErrorMessage为“用户名或密码不正确”,Display为Dynamic,ValidationEmptyText为true,页面代码见本书程序清单3.25.,运行效果,熬儒酷钡境卉檄竭颖运艘锄殴辟峰潜冶道同聂荣坡恤范谓哺贱眯惯樊适避ASP_NET_4.0_基础教程(C#)第三章_Web_控件ASP_NET_4.0_基础教程(C#)第三章_Web_控件,六、Rich控件,1、Calendar控件,Calendar控件用来在Web页面中显示日历中的可选日期,并显示与特定日期关联的数据。使用Calendar