Webform（简单控件、复合控件）

一、简单控件：

1.label控件

<asp:Label ID="Label1" runat="server" Text="账  号:"></asp:Label>

被编译为：

<span id="Label1" >账  号:</span>

属性：

Text：文本
ForeColor：字体颜色
Visible：是否可见
CssClass：即HTML的class

2.Literal

类似label，但它不会被编译，只会在位置上将Text内容完全展示出来，可以往它的Text属性中添加js代码

3.Textbox

不一定被编译成什么元素，它被编译成什么表单元素取决于TextMode，它能够完成form12个表单元素中的文本类（除隐藏域），它还能完成Webform提供的一些元素

（1）文本框

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

它被编译为：

<input name="TextBox1" type="text" id="TextBox1" />

（2）密码框

<asp:TextBox ID="TextBox2" runat="server" TextMode="Password"></asp:TextBox>

它被编译为：

<input name="TextBox2" type="password" id="TextBox2" />

（3）文本域

<asp:TextBox ID="TextBox3" runat="server" TextMode="MultiLine"></asp:TextBox>

它被编译为：

<textarea name="TextBox3" rows="2" cols="20" id="TextBox3">
</textarea>

（4）TextMode属性

color：只能选择颜色

datetime-local：可选择时间，输入时间，有日历

number：只能输入数字

4.按钮类

普通按钮和重置按钮在Webform没有提供按钮

（1）Button

<asp:Button ID="Button1" runat="server" Text="Button" />

它被编译为：

 <input type="submit" name="Button1" value="Button" id="Button1" />/*提交按钮*/

（2）ImageButton

<asp:ImageButton ID="ImageButton1" runat="server" />

它被编译为：

 <input type="image" name="ImageButton1" id="ImageButton1" src="" />/*图片按钮*/

（3）LinkButton 超链接按钮

（4）按钮的OnClientClick是执行客户端脚本（js），客户端（js）执行优先级高于服务端（C#）

5.隐藏域

HiddenField控件

<asp:HiddenField ID="HiddenField1" runat="server" />

它被编译为：

<input type="hidden" name="HiddenField1" id="HiddenField1" />

二、复合控件

1.单选按钮：
HTML编码方式：

<input type="radio" name="" checked="checked"/>

Webform：RadioButton 不建议使用
RadionButtonList
使用数据库取值步骤：
（1）数据绑定

List<Nation> list = new NationData().Select();

方法1：

RadioButtonList1.DataSource = list;//数据源RadioButtonList1.DataTextField = "NationName";//显示值RadioButtonList1.DataValueField = "NationCode";//实际值RadioButtonList1.DataBind();

方法2：

foreach (Nation n in list){ListItem li = new ListItem(n.NationName, n.NationCode);RadioButtonList1.Items.Add(li);}

（2）设置默认选中项

RadioButtonList1.SelectedIndex = 0;或RadioButtonList1.SelectedValue = "N001";

（3）取值
添加一个按钮点击事件，事件中写：

 Label1.Text = "";ListItem li = RadioButtonList1.SelectedItem;Label1.Text += li.Value + "," + li.Text;

四、布局
RepeatDirection:项的布局方式 Vertical 纵向 Horizontal：横向
RepeatColumns:规定项的列数
RepeatLayout：项的布局方式 Table Flow （UnorderedList：无序列表 OrderedList：有序列表前两种属性无效）
2.复选按钮
HTML编码方式：

<input type="checkbox" name="" checked="checked"/>

Webform：
CheckBox 不建议使用
CheckBoxList
使用数据库取值步骤：
（1）数据绑定

遍历数据集合，ListItem

 foreach (Nation n in list){ListItem li = new ListItem(n.NationName, n.NationCode);CheckBoxList1.Items.Add(li);}

（2）设置默认选中项
在数据添加的时候进行判断，设置Selected属性

foreach (Nation n in list){ListItem li = new ListItem(n.NationName, n.NationCode);if (li.Value == "N001" || li.Value == "N003")li.Selected = true;CheckBoxList1.Items.Add(li);}

3）取值
遍历所有的项，判断如果是选中状态那么就把值取出来保存

Label1.Text = "";foreach (ListItem li in CheckBoxList1.Items){if (li.Selected){Label1.Text += li.Value + "," + li.Text + "|";}}

四、布局
RepeatDirection:项的布局方式 Vertical 纵向 Horizontal：横向
RepeatColumns:规定项的列数
RepeatLayout：项的布局方式 Table Flow （UnorderedList：无序列表 OrderedList：有序列表前两种属性无效）
3.下拉列表
HTML编码方式：

<select name="" id="" size=""   multiple="multiple"><option></option><option></option></select>

（1）当它为一行可选菜单时：
Webform中使用DropDownList
使用数据库取值步骤与RadionButtonList相同，只是没有布局
（2）当它为列表时
Webform使用ListBox按钮，在属性中可选择单选还是多选
使用数据库取值步骤与CheckBoxList 相同，只是没有布局

转载于:https://www.cnblogs.com/zblc2016/p/5959604.html

Webform（简单控件、复合控件）相关推荐

Webform 常用控件
一,简单控件 1,Lable--标签:在网页中呈现出来的时候会变成span标签属性:Text--标签上的文字 BackColor,ForeColor--背景色,前景色 Font--字体 Bold- ...
ASP.NET Atlas简单控件介绍——Sys.Component基类与Sys.UI.Control基类
作者:Dflying Chen (http://dflying.cnblogs.com/) 本系列有三篇文章: ASP.NET Atlas简单控件介绍--Sys.Component基类与Sys.UI. ...
ASP.NET Atlas简单控件介绍——InputControl，TextBox，Button和CheckBox
作者:Dflying Chen (http://dflying.cnblogs.com/) 注:本系列文章比较基础,基本为Atlas官方文档的翻译,熟悉Atlas的朋友可以跳过. 本系列有三篇文章: ...
silverlight体验之三:简单控件堆成个Login
silverlight体验之三:简单控件堆成个Login 快过年了,回家心情急切呀.今天,明天,后天一上午.就可以回家啦,高兴,再记点小东西吧. 好像web项目都是从登陆开始的吧,这个也一样. 1. ...
2022 最新 Android 基础教程，从开发入门到项目实战【b站动脑学院】学习笔记——第三章：简单控件
第 3 章简单控件本章介绍了App开发常见的几类简单控件的用法,主要包括:显示文字的文本视图.容纳视图的常用布局.响应点击的按钮控件.显示图片的图像视图等.然后结合本章所学的知识,演示了一个实战项 ...
安卓开发学习笔记1：简单控件
此文章仅为本人在学习安卓开发时的一些笔记界面显示逻辑处理使用XML标记.描绘应用界面,使用Java书写程序逻辑使用XML描述APP界面使用XML文件描述APP界面一个界面布局可以被多处代码复 ...
Delphi控件-复合控件
复合控件复合控件是Delphi控件中非常重要的一种控件,复合控件就是将两个或两个以上的控件重新组合成一个新的控件.例如TspinEdit.TlabeledEdit.TDBNavigator等就是复合 ...
简单控件的应用（二）—学生管理系统
源程序下载地址:http://down.qiannao.com/space/file/luowei505050/-6211-7684-7a0b-5e8f/-5b66-751f-7ba1-7406-7c ...
c语言bmi if switch,简单控件使用--计算BMI的例子
在Android开发中,对于简单的布局和控件使用,可以直接使用xml文件来做布局. 下面用一个简单的计算BMI的例子来说明如何使用Button,TextView这些简单的控件. 布局文件如下: mai ...

Webform（简单控件、复合控件）

Webform（简单控件、复合控件）相关推荐

最新文章

热门文章