asp.net常用web控件 学习课件

12Asp.netAsp.net网站开发3常用web控件•主要介绍：CheckBox控件CheckBoxList控件RadioButton控件RadioButtonList控件DropDownList控件ListBox控件等4CheckBox控件•该控件只能用在选择True或False上•如果用户希望选择多项，可以使用多个CheckBox或一个CheckBoxList5CheckBox控件常用属性和事件•AutoPostBack属性：指定在Checked属性发生改变后表单是否被立即投递的一个布尔值，默认为False•Checked属性：指定复选框是否被选中的一个布尔值•Text属性：接在复选框后面的文本•TextAlign属性：文本出现在复选框的那一侧（右侧或左侧）•CheckChanged事件：当改变控件的选中状态时触发6举例7代码：•protectedvoidButton1_Click(objectsender,EventArgse)•{•//获取两个文本框的值，转换成点精度赋予左侧的变量。•floataa=Convert.ToSingle(this.TextBox1.Text);•floatbb=Convert.ToSingle(this.TextBox2.Text);•//判断是否选择了折扣的复选框•if(CheckBox1.Checked)•{•//如果选中则将文本框中的值相加并乘以折扣价•floatcc=(aa+bb)*(float)0.7;•//将变量cc中的值转换成字符类型后赋予Lable1控件中•this.Label1.Text=cc.ToString();•}•else•{•//将aa变量中的值与bb变量中的值相加赋予dd变量•floatdd=aa+bb;•//将dd变量转换成字符类型并授予lable1控件•this.Label1.Text=dd.ToString();•}•}8CheckBoxList控件•AutoPostBack属性：指定在某一项选中的状态发生改变后表单是否被立即投递的一个布尔值。默认值为false。•CellPadding属性：单元格边界与复选框组之间的间距，以像素表示。•DataSource属性：使用数据源•DataTextField属性：数据源中的一个字段，将被显示在复选框组中•DataValueField属性：数据源中的一个字段，被提交的数据值9•RepeatColumns属性：显示复选框时使用的列数。•RepeatDirection属性：复选框组将按照纵向还是横向显示，值为：Horizontal和Vertical（默认值，纵向）•RepeatLayout属性：复选框组的布局，可以是table或Flow。默认值为table•TextAlign属性：文本出现的复选框在那一侧（右侧或左侧）•SelectedIndexChanged事件：此事件在更改选项后触发10举例11后台代码•protectedvoidButton1_Click(objectsender,EventArgse)•{•//清空lable1中的内容•this.Label1.Text=;•//循环获取CheckBoxList1控件中的值•for(inta=0;aCheckBoxList1.Items.Count;a++)•{•//判断是否被选中•if(CheckBoxList1.Items[a].Selected)•{•//将获取的结果显示出来•this.Label1.Text+=CheckBoxList1.Items[a].Text+、;•}•}•}12RadioButton与RadioButton控件13RadioButton常用的属性和事件•AutoPostBack属性：指定在Checked属性发生改变后表单是否被立即提交的一个布尔值，默认值是False•Checked属性：指定单选按钮是否被选择，它是一个布尔类型。True表示选中；False表示没有选中•GroupName属性：单选控件的组名•TextAlign属性：文本出现在单选框的哪一侧（右侧或左侧）•CheckedChanged事件：单选框的选择事件14RadioButtonList控件的常用属性和事件•DataSource属性：获取或设置填充列表控件项的数据源•DataTextField属性：数据源中的一个字段，将被显示在单选框组中•DataValueField属性：数据源中的一个字段，被提交的数据值•Items属性：获取列表控件项的总个数•SelectedValue属性：获取列表中选定的选项值，或选择列表控件包含指定值的项15RadioButtonList控件的常用属性和事件•textAlign属性：获取或设置组内单选按钮的文本对齐方式•SelectedIndexChanged事件：选中单选按钮或改变单选按钮时候触发。16举例前台代码：•asp:RadioButtonID=RadioButton1runat=serverAutoPostBack=TrueGroupName=pailie•OnCheckedChanged=RadioButton1_CheckedChangedText=横向排列/•asp:RadioButtonID=RadioButton2runat=serverAutoPostBack=TrueGroupName=pailie•Text=纵向排列OnCheckedChanged=RadioButton2_CheckedChanged/17举例前台代码：•asp:RadioButtonListID=RadioButtonList1runat=serverAutoPostBack=TrueOnSelectedIndexChanged=RadioButtonList1_SelectedIndexChanged•asp:ListItem香蕉/asp:ListItem•asp:ListItem桃子/asp:ListItem•asp:ListItem苹果/asp:ListItem•asp:ListItem西瓜/asp:ListItem•asp:ListItem菠萝/asp:ListItem•asp:ListItem梨/asp:ListItem•asp:ListItem樱桃/asp:ListItem•/asp:RadioButtonList18举例后台代码：•见文档•举例:RadioButton与RadioButton控件19DropDownList控件20举例21后台代码部分•见文档•DropDownList添加数据代码•DropDownList删除单条数据代码•DropDownList删除全部数据代码22ListBox控件23举例•代码见文档：ListBox控件24PlaceHolder控件•功能：在页面上动态加载控件经常用到PlaceHolder控件。它可以作为页面的一个容器并能动态地加载其他控件。在页面执行时，首先生成控件的实例，然后将实例添加到PlaceHolder的Controls集合中。25动态创建控件实例26代码：•见文档placeHolder动态创建控件实例27模板页•Masterpage.master文件叫做模板文件，我们可以将一些固定不变的内容放置在模板的contentplaceholder控件之外。28课堂提问时间