Webform 常用控件
一,简单控件
1,Lable——标签:在网页中呈现出来的时候会变成span标签
属性:Text——标签上的文字
BackColor,ForeColor——背景色,前景色
Font——字体
Bold-加粗
Italic-倾斜
UnderLine-下划线 OverLine 上划线 StrikeOut 删除线
Name - 字体名
Size - 字体的大小
BorderColor——边框颜色
BorderWidth-边框粗细
BorderStyle - 边框样式
Height——高
Width——宽
Enabled-是否可用
Visible-是否可见
ToolTip-鼠标指上去的提示信息
CssClass - 样式表的class选择器
2.Literal——这也是一个文本标签,但它在网页中显示的时候不会变成span标签
它 的属性很少,是派生自control类的
3.TextBox——文本框 HiddenField——隐藏域 textarea--文本域
属性:它拥有Lable所有的属性
TextMode:文本框的呈现模式——SingleLine--单行文本框;MultiLine-多行文本框;Password-密码框
ReadOnly - 只读
MaxLength - 最大输入的字符数。只有TextMode是SingleLine和Password的时候起作用,在MultiLine的时候不起作用。
Columns:宽度,以字母个数为单位
Rows:高度,以行数为单位。只有TextMode是MultiLine的时候才起作用。在单行文本或多行文本下是不起作用的。
4.Button——按钮 LinkButton 超链接按钮 ImageButton 图片按钮(ImageUrl属性,需要把图片放项目文件夹中,如果VS没有显示出来,需要刷新下)
属性:它拥有Lable所有的属性
OnClientClick:当按钮被点击的时候,要执行的客户端的JS代码。它的触发要在按钮的C#事件代码之前。
5.HyperLink:超链接
属性:它拥有Lable所有的属性
NavigateUrl:超链接指向的地址,相当于href
Target:打开位置
ImageUrl:图片超链接的地址
6.Image——图片
属性:拥有Lable所有的属性
ImageUrl:图片的地址
二,复合控件
1.DropDownList——下拉列表 拥有Lable的所有属性
对于DropDownlist必须会做三件事
(1)把内容填进去
法一:逐项添加
private void FillList(){List<QuanxianData> list = new QuanxianDA().Select();
//QuanxianData qd=new QuanxianData();
//qd.Qname="请选择";
//qd.Qno="-1";
//list.Insert(0, qd);在第一项加上“请选择”的功能
foreach (QuanxianData data in list){ListItem item = new ListItem();item.Text = data.Qname;item.Value = data.Qno;DropDownList1.Items.Add(item);}}
法二:数据绑定(用这种简便方法)
private void FillList2(){List<QuanxianData> list = new QuanxianDA().Select();
DropDownList1.DataSource = list;//绑定数据源DropDownList1.DataTextField = "Qname";//要显示哪一数据列DropDownList1.DataValueField = "Qno";//要设置一个value值DropDownList1.DataBind(); //最终执行绑定填充,不要漏掉} //linq连接数据库方法 public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
testDataContext _context = new testDataContext();
DropDownList1.DataSource= _context.Nation;
DropDownList1.DataTextField ="Name";//要显示哪一项内容
DropDownList1.DataValueField = "Code";//
DropDownList1.DataBind();
//最终执行绑定填充,不要漏掉
}
}
技巧:如何给下拉列表加上“请选择”的功能
1.用以上代码中的方法
2.事先在下拉列表中设置静态的"请选择"列表项。然后再绑定或添加数据的时候在后面添加上。
如果采用数据绑定模式,默认情况下会把原有的项冲掉。需要设置AppendDataBoundItems属性为true。
3.所有的项都绑定或填加到下拉列表后,再写代码加上”请选择“的功能。
protected void Page_Load(object sender, EventArgs e){FillList();ListItem li = new ListItem("请选择", "-1");DropDownList1.Items.Insert(0, li);}
(2)把选中的值取出来:选择列表里的项,点击按钮,在标签中显示选择的内容
注:由于DropDownList需要打到服务器执行,需要把属性AutoPostBack(当内容更改时,自动发回到服务器)改为Ture;
protected void Button1_Click(object sender, EventArgs e){Label1.Text = DropDownList1.SelectedItem.Text + DropDownList1.SelectedItem.Value;//取出选中项的文本和值Label1.Text = DropDownList1.SelectedValue;//取出选中项的值int index = DropDownList1.SelectedIndex;//取出选中项的索引号Label1.Text = DropDownList1.Items[index].Text + DropDownList1.Items[index].Value;//取出对应索引号的文本和值}
注意:每次点击按钮时,都是要先执行Page_Load中的代码,然后再执行Button-Click中的代码
所以在Page_Load中要加入一下代码
if(!IsPostBack)
{
防止每次点击提交页面都会执行这里面的代码。
这里面的代码,只有页面初次加载的时候才被执行。点击按钮提交的时候,不会被执行到。
以后记着:在Page_Load事件中99%的情况下需要写这段判断
}
(3)设定某项为选中项
给DropDownList的两个属性赋值:
SelectedIndex = 选中的索引号
SelectedValue = 选中项的值
protected void Button2_Click(object sender, EventArgs e){//DropDownList1.SelectedIndex = Convert.ToInt32(TextBox1.Text);DropDownList1.SelectedValue = TextBox1.Text;}
2.RadioButtonList——单选按钮列表 Radiobutton--单选按钮
1.Radiobutton: 属性GroupName组名,同一个组名下的单选按钮产生互斥效果(例如:注册时选男、女)
例子:给2个Radiobutton设置同样的组名
属性:它拥有Dropdownlist所有的属性和功能
RepeatDirection:布局的方向
RepeatLayout:布局方式
RepeatColumns:一行显示几个
案例: 和Dropdownlist相同
3.CheckBoxList——复选框列表 CheckBox——复选框
1.CheckBox——复选框:属性:checked 是否选中;取值checkbox.text="";
拥有RadioButtonList所有的属性和功能
显示数据:
protected void Page_Load(object sender, EventArgs e){DataClassesDataContext _conect = new DataClassesDataContext();//建立上下文连接对象CheckBoxList1.DataSource = _conect.Nation; //获取数据源CheckBoxList1.DataTextField = "Name";//要显示的项CheckBoxList1.DataValueField = "Code";//返回值CheckBoxList1.DataBind();//绑定数据源}
技巧:
(1)如何获取选中的多个项?
//获取复选框的选中值。
//思路:遍历复选框列表中的每个项,判断每个项的选中情况。
foreach (ListItem li in CheckBoxList1.Items) { if (li.Selected){Label2.Text += li.Value + ",";} }
(2)如何设置几个项同时被选中
//设置文本框中指定的项(用 | 隔开的每一项)被选中
//思路:从文本框中解析出要选中的项的value值,然后再遍历每一项,判断是否是文本框中指定的,是的话就设为选中,不是就设为不选中。
CheckBoxList1.SelectedIndex = -1; //先清空列表中被选中的项string s = TextBox1.Text; string[] ss = s.Split('|'); //解析出要选中的value值 foreach (ListItem li in CheckBoxList1.Items){ if (ss.Contains(li.Value)){li.Selected = true; continue;}}
4.ListBox——列表框
拥有Dropdownlist所有的属性和功能
SelectionMode - Single,Multiple
案例:如果是单选的话就照着Dropdownlist来做
如果是多选的话就照着Checkboxlist来做
转载于:https://www.cnblogs.com/franky2015/p/4871117.html
Webform 常用控件相关推荐
- VS2010-MFC(常用控件:静态文本框)
转自:http://www.jizhuomi.com/software/179.html 关于对话框的使用和各种通用对话框的介绍就到此为止,从本节开始将讲解各种常用控件的用法.常用控件主要包括:静态文 ...
- 设计器的使用及常用控件
设计器的使用及常用控件 文章目录 设计器的使用及常用控件 一.设计器 二.设计器中的常用控件 一.设计器 1.设计器的使用 2.通过代码操作ui文件 #include "mainwindow ...
- 零基础学Android之常用控件
常用控件 上次我们讲了布局:线性布局.表格布局.帧布局和相对布局,这个布局,它是在整个移动端设计内容的一个框架的方式,以什么方式来设计界面.最终在界面里面,放置的是控件,所谓控件,就是程序员可以控制的 ...
- C#常用控件的属性以及方法(转载)
-----以前看别人的,保存了下来,但是忘了源处,望见谅. C#常用控件属性及方法介绍 目录 1.窗体(Form) 2.Label (标签)控件 3.TextBox(文本框)控件 4.RichText ...
- VS2010/MFC编程入门之二十(常用控件:静态文本框)
上一节鸡啄米讲了颜色对话框之后,关于对话框的使用和各种通用对话框的介绍就到此为止了.从本节开始鸡啄米将讲解各种常用控件的用法.常用控件主要包括:静态文本框.编辑框.单选按钮.复选框.分组框.列表框.组 ...
- Windows Phone开发(11):常用控件(下)
原文:Windows Phone开发(11):常用控件(下) WP控件大部分都可以从Silverlight中继承过来,这里我也只能拿一部分作演示,对于其它控件如何使用,可以参考SDK相关说明以及Sil ...
- 二级VB培训笔记06:窗体与常用控件综合案例【个人信息注册】
二级VB培训笔记06:窗体与常用控件综合案例[个人信息注册] 一.常用控件属性与方法思维导图 二.综合案例--个人信息注册 1.创建工程,修改名称为"个人信息注册",窗体名称设置为 ...
- 制作登录注册密码找回网站常用控件
常用控件有TextBox(文本框)和Button(按钮) TextBox属性TextMode,值为 SingleLine|Password|MultiLine.如需查看TextBox2文本框里位数用T ...
- openlayers添加按钮_OpenLayers3加载常用控件使用方法详解
本文实例为大家分享了OpenLayers3加载常用控件使用的具体代码,供大家参考,具体内容如下 1. 前言 地图控件就是对地图的缩放.全屏.坐标显示控件等,方便我们对地图进行操作.OpenLayers ...
最新文章
- 阿里巴巴B2B高效研发管理实践
- android 获取activity当前view
- Linux 进程(二) 进程地址空间
- 中国豪华的政府大楼VS破学校
- PHP语言 -- 文件上传
- 移除VS解决方案中的TFS版本控制
- 《Java技术》第八次作业
- 进程间通信方式_第四十九期-Linux内核中的进程概述(4)
- 2021辽宁高考成绩查询公布,2021辽宁高考成绩什么时候出
- Linux系统上安装JDK和Tomcat服务器
- Android 通知栏Notification的整合 全面学习 (一个DEMO让你完全了解它)
- logo计算机语言,LOGO语言
- oracle sqlldr原理,oracle sqlldr 参数说明
- 全志A31编译脚本 .
- 美国程序员平均工资排行榜
- php制作水印图片,PHP实例制作水印图片
- ise 检查文件语法错误
- KGB知识图谱开拓行业应用新展图
- 计算机桌面无法解锁,win10锁屏后解锁却无法进入桌面怎么办?解决方案
- Edge 浏览器新版来袭,Office 功能首次出现!