查网站空间商,项目分享平台,crm公司,国外网站如何做seo目录
一、单选按钮Radiobutton和RadioButtonList
1、Radiobutton控件
#xff08;1#xff09;button控制方式
#xff08;2#xff09;Radiobutton控制方式
2、RadiobuttonList控件
二、列表框ListBox和下拉列表DropdownList
1、ListBox
2、DropdownList
三、面板…目录
一、单选按钮Radiobutton和RadioButtonList
1、Radiobutton控件
1button控制方式
2Radiobutton控制方式
2、RadiobuttonList控件
二、列表框ListBox和下拉列表DropdownList
1、ListBox
2、DropdownList
三、面板控件panel
四、日历
五、FileUpLoad
六、隐藏域HidderField 前面一篇中介绍了几个常用的控件这篇继续学习常用的控件。
一、单选按钮Radiobutton和RadioButtonList 前面简单的看了一下这两个控件长什么样子下面我们试着用小例子来学习一下这两个的使用差别。
用例一使用这些按钮来选择图片该怎么操作呢
1、Radiobutton控件 首先尝试使用单个按钮Radiobutton来实现
拖动一个Image控件和四个Radiobutton控件如下摆放 控制使用哪个图片有两种方式一种是直接加一个button然后选择一个Radiobutton点一下button这种是比较繁琐的另一种是直接修改每个Radiobutton的功能。但是作为初学者一定不能选择跳过说给我自己听的以前跳过的太多后面后悔也不知道咋补了下面先加一个button试试如何让他显示吧
1button控制方式 双击button添加其功能 protected void Button3_Click(object sender, EventArgs e){if (RadioButton1.Checked){this.Image1.ImageUrl Images/1.png;}if (RadioButton2.Checked){this.Image1.ImageUrl Images/2.png;}if (RadioButton3.Checked){this.Image1.ImageUrl Images/3.png;}if (RadioButton4.Checked){this.Image1.ImageUrl Images/4.png;}}
启动然后运行一下试试 我们可以看到四张倒是都能显示但是有一个大大的缺点就是这个RadioButton一旦被选择那么它就回不去了即一直显示的是被选的状态。我们肯定不希望是这么个现象的要怎么做才能不出现在这种问题呢我们继续往下看。
2Radiobutton控制方式
删除Button控件依次修改每个Radiobutton的功能 protected void RadioButton1_CheckedChanged(object sender, EventArgs e){this.Image1.ImageUrl Image/1.png;}protected void RadioButton2_CheckedChanged(object sender, EventArgs e){this.Image1.ImageUrl Image/2.png;}protected void RadioButton3_CheckedChanged(object sender, EventArgs e){this.Image1.ImageUrl Image/3.png;}protected void RadioButton4_CheckedChanged(object sender, EventArgs e){this.Image1.ImageUrl Image/4.png;}
这是我的想法至于行不行呢咱们边走边看吧
好吧确实不行应该怎么用呢不理解。。。。。慢慢来吧 先解决1中提到的问题吧。这时候就需要使用到RadiobuttonList控件。
2、RadiobuttonList控件 我们可以看到默认状态下该列表是竖向排列的那么想要它横向排列该怎么做呢 只需要修改RadiobuttonList的属性RepeatDirection为horizontal即可。 下面按照要求进行修改它们的功能
不加按钮的时候怎么都不出来图片这是为什么我不太理解。。。。。。 所以被迫加上按钮就可以按照要求跳转了
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;namespace WebApplication2
{public partial class WebForm1 : System.Web.UI.Page{protected void Page_Load(object sender, EventArgs e){}protected void Button1_Click(object sender, EventArgs e){string r RadioButtonList1.SelectedItem.Text;if (r 1){Image1.ImageUrl Images/1.png;}if (r 2){Image1.ImageUrl Images/2.png;}if (r 3){Image1.ImageUrl Images/3.png;}if (r 4){Image1.ImageUrl Images/4.png;}}}
} 二、列表框ListBox和下拉列表DropdownList 这两个控件基本上是一样的但是显示的效果是不同的ListBox是将所有选择都显示且可以多选但是DropdownList一次只显示一个且一次只能选择一个。
1、ListBox 就是一个这样的框在这个框里面可以添加很多的选择例如 运行显示就是这样子的 前面说的可以多选要多选的话就需要修改属性SelectionMode修改为Multiple修改看看效果 按着Ctrl键就可以多选了 2、DropdownList 加上选择的话一次只显示一个
运行显示的样子这个框拉的有点大了哈哈哈哈等会改小点 这是直接加上去的后面也可以追加上去。使用的语句是DropDownList1.Items.Add();
但是加的时候要注意只能加一次而不能每按一次就加一次这时候就可以用到以前使用过一次的IsPostBack。
protected void Page_Load(object sender, EventArgs e){if (!IsPostBack){DropDownList1.Items.Add(凉拌黄瓜);DropDownList1.Items.Add(西红柿炒鸡蛋);}}
单击button之后就可以看到加上去的菜了 下面按照上面的两种方式选择之后显示“你选择了** ”
protected void Button2_Click(object sender, EventArgs e){Label1.Text 你选择了;Label1.Text ListBox1.SelectedItem.Text;}protected void Button3_Click(object sender, EventArgs e){Label2.Text 你选择了;Label2.Text DropDownList1.SelectedItem.Text;} 但是出现了一个错误如果用列表框选择之后显示的是第一个选择的这个应该怎么修改呢 暂时不清楚等脑子清醒了在想吧。 如果有两个下拉列表那么如何让它们联动呢 我的想法是将两个分别设置但是有一个问题就是有可能会错位比如说我第一个设置的是省份甘肃、新疆市有定西、乌鲁木齐如果选择错误的话就有可能出现新疆-定西这种情况。显然这是错误的情况所以设置的时候应该省份的时候才去选择市。
先添加省份 这里设置value是因为后面需要 添加的时候发现这个会出错了因为前面switch后面的字符型所以需要修改成int型
还是会出错 为什么会出现这个错误呢在课堂里也出现了这个错误但是这个错误有时候却不会出现所以这个需要再搜搜资料。 注释掉这句话之后发现我连前面的功能是错误的首先我设置是第一个下拉框的Value值但是我前面写的是第二个下拉框的 value所以是错的。最终的代码应该是如下的
protected void DropDownList2_SelectedIndexChanged(object sender, EventArgs e){DropDownList3.Items.Clear();switch (Convert.ToInt32(DropDownList2.SelectedValue)){case 0:DropDownList3.Items.Add(定西);DropDownList3.Items.Add(兰州);DropDownList3.Items.Add(平凉);break;case 1:DropDownList3.Items.Add(乌鲁木齐);DropDownList3.Items.Add(石河子);DropDownList3.Items.Add(喀什);break;}}
截图如下 下面就修改label的功能
在这句话后面加一个 就可以正常运行了先记住吧。。后面又不能正常运行了啊啊啊啊啊啊真的是一阵一阵的最后发现首先要修改一下第一个下拉框才能使用button控件如果不设置就会出现上面的错误因为不设置第一个的时候可能switch后面没值所以根本无法判断是哪种情况所以会错误
protected void Button4_Click(object sender, EventArgs e){Label3.Text 你在;Label3.Text DropDownList2.SelectedItem.Text DropDownList3.SelectedItem.Text ;}
最终结果如下 三、面板控件panel 四、日历
就和平时我们看的日历一样除此之外可以通过自动套用格式来修改日历的样式 五、FileUpLoad 文件上传的时候我们通常会遇见这种控件但是最终实现的操作还是双击设置的功能。 六、隐藏域HidderField 才开始学先学习到核心的几个控件就好了后面的这个知道有这个东西就好以后用的时候再慢慢研究吧。
