一,简单控件

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 常用控件相关推荐

  1. VS2010-MFC(常用控件:静态文本框)

    转自:http://www.jizhuomi.com/software/179.html 关于对话框的使用和各种通用对话框的介绍就到此为止,从本节开始将讲解各种常用控件的用法.常用控件主要包括:静态文 ...

  2. 设计器的使用及常用控件

    设计器的使用及常用控件 文章目录 设计器的使用及常用控件 一.设计器 二.设计器中的常用控件 一.设计器 1.设计器的使用 2.通过代码操作ui文件 #include "mainwindow ...

  3. 零基础学Android之常用控件

    常用控件 上次我们讲了布局:线性布局.表格布局.帧布局和相对布局,这个布局,它是在整个移动端设计内容的一个框架的方式,以什么方式来设计界面.最终在界面里面,放置的是控件,所谓控件,就是程序员可以控制的 ...

  4. C#常用控件的属性以及方法(转载)

    -----以前看别人的,保存了下来,但是忘了源处,望见谅. C#常用控件属性及方法介绍 目录 1.窗体(Form) 2.Label (标签)控件 3.TextBox(文本框)控件 4.RichText ...

  5. VS2010/MFC编程入门之二十(常用控件:静态文本框)

    上一节鸡啄米讲了颜色对话框之后,关于对话框的使用和各种通用对话框的介绍就到此为止了.从本节开始鸡啄米将讲解各种常用控件的用法.常用控件主要包括:静态文本框.编辑框.单选按钮.复选框.分组框.列表框.组 ...

  6. Windows Phone开发(11):常用控件(下)

    原文:Windows Phone开发(11):常用控件(下) WP控件大部分都可以从Silverlight中继承过来,这里我也只能拿一部分作演示,对于其它控件如何使用,可以参考SDK相关说明以及Sil ...

  7. 二级VB培训笔记06:窗体与常用控件综合案例【个人信息注册】

    二级VB培训笔记06:窗体与常用控件综合案例[个人信息注册] 一.常用控件属性与方法思维导图 二.综合案例--个人信息注册 1.创建工程,修改名称为"个人信息注册",窗体名称设置为 ...

  8. 制作登录注册密码找回网站常用控件

    常用控件有TextBox(文本框)和Button(按钮) TextBox属性TextMode,值为 SingleLine|Password|MultiLine.如需查看TextBox2文本框里位数用T ...

  9. openlayers添加按钮_OpenLayers3加载常用控件使用方法详解

    本文实例为大家分享了OpenLayers3加载常用控件使用的具体代码,供大家参考,具体内容如下 1. 前言 地图控件就是对地图的缩放.全屏.坐标显示控件等,方便我们对地图进行操作.OpenLayers ...

最新文章

  1. 阿里巴巴B2B高效研发管理实践
  2. android 获取activity当前view
  3. Linux 进程(二) 进程地址空间
  4. 中国豪华的政府大楼VS破学校
  5. PHP语言 -- 文件上传
  6. 移除VS解决方案中的TFS版本控制
  7. 《Java技术》第八次作业
  8. 进程间通信方式_第四十九期-Linux内核中的进程概述(4)
  9. 2021辽宁高考成绩查询公布,2021辽宁高考成绩什么时候出
  10. Linux系统上安装JDK和Tomcat服务器
  11. Android 通知栏Notification的整合 全面学习 (一个DEMO让你完全了解它)
  12. logo计算机语言,LOGO语言
  13. oracle sqlldr原理,oracle sqlldr 参数说明
  14. 全志A31编译脚本 .
  15. 美国程序员平均工资排行榜
  16. php制作水印图片,PHP实例制作水印图片
  17. ise 检查文件语法错误
  18. KGB知识图谱开拓行业应用新展图
  19. 计算机桌面无法解锁,win10锁屏后解锁却无法进入桌面怎么办?解决方案
  20. Edge 浏览器新版来袭,Office 功能首次出现!

热门文章

  1. 怎么引流推广?利用百度文库长期被动疯狂吸粉
  2. 传说对决亚服服务器未响应,传说对决亚服
  3. android最新版本 note8,荣耀Note8有几个版本 荣耀Note8各版本区别对比
  4. Fel轻量高效的表达式计算引擎
  5. 语音红包小程序开发项目建议以及营销玩法
  6. 二维码的扫描、识别与生成
  7. 你真的理解Java 字符串的不可变性吗?
  8. android 应用使用 UEventObserver监听内核uevent 事件
  9. 他曾缔造了谷歌无人车 现在创业一年选择和谷歌不同的路 | AI英雄
  10. Mysql创建数据库、用户名、密码