Webform 常用控件

article/2025/9/21 23:03:42

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来做

 


http://chatgpt.dhexx.cn/article/bRAWnBRJ.shtml

相关文章

Web窗体（WebForm）

Web窗体（WebForm）

一&#xff0e;简介 0. 页面的生命周期。 1. WebForm后台页面类继承于Page类&#xff0c;Page类实现了IHttpHandler接口。 2. 前台页面类继承于后台页面类。 3. 先调用PageLoad方法&#xff0c;再调用Render方法生成html代码。 二. 加密安全 互联网没有绝对的安全&#xff0c;登…
阅读更多...
ASP.NET Web Form学习

ASP.NET Web Form学习

ASP.NET Web Form学习 0.aspx与html 它如何工作&#xff1f; 从根本上讲&#xff0c;ASP.NET 页面与 HTML 完全相同。 HTML 页面的扩展名是 .htm 或 .html。假如浏览器从服务器请求某张 HTML 页面&#xff0c;服务器不进行任何修改&#xff0c;就会把该页面发往浏览器。 A…
阅读更多...
forms.Form和forms.ModelForm

forms.Form和forms.ModelForm

forms.ModelForm是forms.Form的升级版 forms.Form验证规则 2.1 forms.py 2.2 view.py 把我们写的UserResetForm导入到view.py 2.3 模板 forms.ModelForm验证规则 3.1 models.py 3.2 forms.py就用上面模型类里面的验证规则 3.3 view.py 3.4 模板看你实际的情况 forms.…
阅读更多...
WebForm与MVC混用

WebForm与MVC混用

在现有的WebForm项目中加入MVC&#xff0c;可以吗&#xff1f; 西蒙说&#xff0c;可以。 怎么加呢&#xff1f; 我的开发环境是&#xff1a;WIN7 IIS7.5 VS2012 一、WebForm项目添加引用&#xff1a; 我都是选了最高的版本。 二、将MVC项目的部分文件拷贝到WEBFORM项目 …
阅读更多...
ASP.NET WebForm+Vue.js

ASP.NET WebForm+Vue.js

QQ&#xff1a;285679784 欢迎加入博主CSDN资源QQ群799473954(附加信息&#xff1a;CSDN博客)一起学习 ! 参考原文&#xff1a;https://blog.csdn.net/myppbird/article/details/85598154 Vue.js教程&#xff1a;http://www.runoob.com/vue2/vue-tutorial.html Vue.js Ajax…
阅读更多...
解析ASP.NET WebForm和Mvc开发的区别

解析ASP.NET WebForm和Mvc开发的区别

因为以前主要是做WebFrom开发，对MVC开发并没有太深入的了解。自从来到创新工场的新团队后，用的技术都是自己以前没有接触过的，比如：MVC 和EF还有就是WCF，压力一直很大。在很多问题都是不清楚的情况下，问周围的人，别人也只是给自己讲一个大概。而且前两天因为问了一个比较…
阅读更多...
C#-WebForm-WebForm开发基础

C#-WebForm-WebForm开发基础

1、C/S　　客户端应用程序 WinForm　　WPF　　平级 数据是存放在其他的电脑上或服务器上 需要从服务器上下载相应的数据&#xff0c;在本地电脑上的客户端里进行加工 数据的加工是在用户的电脑上执行的&#xff0c;会对用户的电脑配置有所要求 2、B/S　　网页端应用程序 ASP.NE…
阅读更多...
ASP.NET--WebForm框架

ASP.NET--WebForm框架

WebForm框架 WebForm是微软推出的一款为了吸引更多的其他开发者能够快速入门到.NET技术中的一个框架，让开发人员感觉使用.NET技术进行BS开发和使用.NET技术进行CS开发一样简单快速。 微软的想法：以后程序员开发网站项目不需要先学习HTML+CSS就能够直接入门BS，因此将HTML标…
阅读更多...
ASP.NET(二)--WebForm框架

ASP.NET(二)--WebForm框架

WebForm框架 WebForm框架WebForm介绍WebForm窗体框架事件驱动开发简单应用ASP.NET程序开发过程网页生成过程的分析案例 WebForm框架 WebForm是微软推出的一款为了吸引更多的其他开发者能够快速入门到.NET技术中的一个框架&#xff0c;让开发人员感觉使用.NET技术进行BS开发和使…
阅读更多...
winform webform 简单高效的UI界面框架

winform webform 简单高效的UI界面框架

一、winform的界面框架设计&#xff08; james_lx&#xff09; 一直以来&#xff0c;我都在寻找WINFORM程序&#xff0c;简单高效的UI界面框架&#xff0c;终于&#xff0c;我领悟了。在此分享给和我一样使用C#而苦于界面设计的人。我的发现中&#xff0c;并没有加入什么其它的…
阅读更多...
WebForm 基础学习

WebForm 基础学习

C/S 客户端应用程序&#xff08;Client/Server&#xff09; 客户端——服务器端 两种技术 WinForm WPF -- WPF开发于WinForm之后&#xff0c; --GUI 图形用户界面&#xff08;采用图形方式显示的计…
阅读更多...
c#webform制作网页应用的思路login登录

c#webform制作网页应用的思路login登录

一方面是有实际工作需要&#xff0c;一方面是想学点东西&#xff0c;制作一个webform的信息科工单登记查询网页&#xff0c;虽然目前还是很多bug&#xff0c;虽然代码基本都是复制的&#xff0c;但是慢慢的搭建成型。自己记录下思路&#xff0c;纯小白&#xff0c;可以说基本都…
阅读更多...
＜form＞表单

＜form＞表单

1.form表单 <form>标签是表单是一个框架&#xff0c;其中主要包含<input>,<textarea>,<select>标签 1.1<input>标签 <input>标签首先是一个单标签 <input>标签的格式是<input type"" value"" name"&…
阅读更多...
表单＜form＞

表单＜form＞

创建表单 <form> 标签用于创建供用户输入的 HTML 表单。 <form>标签的action属性的值指定了表单提交到服务器的地址。 <form> 元素包含一个或多个如下的表单元素&#xff1a; <input> <textarea> <button> <select> <option&g…
阅读更多...
ASP.NET WebForm--简介

ASP.NET WebForm--简介

文章目录 ASP.NETASP.NET 模型HTTP请求处理过程HttpHandler ASP.NET ASP.NET基于.NET Framework的Web开发平台&#xff0c;不但吸收了ASP以前版本的最大优点并参照Java、VB语言的开发优势加入了许多新的特色&#xff0c;同时也修正了以前的ASP版本的运行错误。 ASP.NET就是属于…
阅读更多...
WebForm

WebForm

什么是ASP.NET ASP.NET指的是动态服务器页面(Active Server Pages),运行在IIS&#xff08;Internet Information Service)上&#xff0c;文件类似于HTML,后缀为.aspx. Classic ASP的局限性&#xff1a; 代码块必须放置在需要进行输出的位置 <html> <body style&qu…
阅读更多...
ASP.NET(一)--WebForm简单介绍

ASP.NET(一)--WebForm简单介绍

WebForm B/S程序 浏览器服务应用程序&#xff0c;直接可以解释为网站类应用程序 静态网页与服务器技术 静态网页 以.html或以.htm为后缀的网页文件只能单纯的显示文本和图像无法和用户进行数据交互&#xff0c;无法根据用户的请求显示不同的网页内容(也就是无法和后台数据库…
阅读更多...
关于webform的简单的基础操作 2.学会开发（一）

关于webform的简单的基础操作 2.学会开发（一）

.net的B/S架构开发主要是MVC和webform的开发&#xff0c;因为WebForm是微软开发的一款产品&#xff0c;它将用户的请求和响应都封装为控件。让开发者认为自己是在操作一个windows界面&#xff08;和winform也是差不多的&#xff09;。极大地提高了开发效率。而MVC是由视图&…
阅读更多...
35.Trie树：如何实现搜索引擎的搜索关键词提示功能

35.Trie树：如何实现搜索引擎的搜索关键词提示功能

文章目录 1. 什么是“Trie树”&#xff1f;2. 如何实现一棵Trie树&#xff1f;3.Trie树真的很耗内存吗&#xff1f;4.Trie树与散列表、红黑树的比较5. 解答开篇 问题&#xff1a;搜索引擎的关键词的联想词是如何实现的&#xff1f; 1. 什么是“Trie树”&#xff1f; Trie树&a…
阅读更多...
Trie树详解

Trie树详解

什么是Trie树 Trie树又称字典树、单词查找树。是一种能够高效存储和查找字符串集合的数据结构。 可以快速的在集合中查询某个字符串 Trie树的本质就是利用字符串之间的公共前缀&#xff0c;将重复的前缀合并在一起 Trie的存储 Trie的存储形式就是构造成一个树形结构 比如我们以…
阅读更多...
推荐文章

Copyright @ 2022~2023