webform控件
简单控件:
1、Label
会被编译成span标签
属性:
Text:文本内容
CssClass:CSS样式
<asp:Label ID="Label1" runat="server" Text="" CssClass="aaa"></asp:Label>
Enlabled:是否可用
Visible:是否可见
2、Literal
空的,C#会把里面的Text内容直接作为网页代码传过去,比如Text里面写上<input type="button" />会直接在网页中插入一个按钮
属性:
Text:内容
<asp:Literal ID="Literal1" runat="server" Text="2016-12-29"></asp:Literal>
<asp:Literal ID="Literal1" runat="server" Text="<script>alert('2016年12月29日')</script>"></asp:Literal>
alert:弹出
3、TextBox
文本框
属性:
TextMode - text模式
1、默认 SingleLine - 单行文本框,编译后为 type="text"
2、Password - 密码框,编译后为 type="password"
3、MultiLine - 文字域,编译后为 <textarea></textarea>
在设计界面中 textmode 属性有多个,只用前三个
maxlength:最大长度,在文本域 <textarea></textarea> 中不起作用
readonly:只读属性
4、HiddenField
隐藏域
5、Button
提交按钮(控件中没有对应的普通按钮和重置按钮)
imagebutton - image 提交图片
linkbutton - 超链接模样的按钮,仅控件如此
button、reset - 没有控件对应
button属性:
OnClientClick - 在客户端OnClick上执行的客户端脚本
复合控件:
1、RadioButton 和 RadioButtonList
单选按钮
大多情况下使用后者
前者:
<asp:RadioButton ID="RadioButton1" runat="server" Text="男" />
<asp:RadioButton ID="RadioButton2" runat="server" Text="女" />
属性:
GroupName - 分组,用于选择
<asp:RadioButton ID="RadioButton1" runat="server" Text="男" GroupName="sex" />
<asp:RadioButton ID="RadioButton2" runat="server" Text="女" GroupName="sex" />
RadioButtonList - 单选按钮组
绑定数据:
RadioButtonList1.DataSource = 泛型集合;
RadioButtonList1.DataTextField = "Name";
RadioButtonList1.DataValueField = "Code";
RadioButtonList1.DataBind(); - 必须要有
设置选中项:
按照索引选中:
RadioButtonList1.SelectedIndex = slist.Count - 1;
按照value值选中:
RadioButtonList1.SelectedValue = "002";
按照Text选中:
foreach (ListItem li in RadioButtonList1.Items)
{
if (li.Text == "周村")
{
li.Selected = true;
}
}
取出数据:
取出value值
Label1.Text = RadioButtonList1.SelectedValue;
取出Text值
Label1.Text = RadioButtonList1.SelectedItem.Text;
属性:
RepeatDirection:横向或竖向排列
RepeatLayout:编译成表格、流式或者有序无序列表的样式
2、CheckBox 和 CheckBoxList
复选按钮
绑定数据源与设置单个选择项同上,如果要设置多个选择项,则需要遍历
foreach (ListItem li in CheckBoxList1.Items)
{
if (li.Selected == true)
{
Label1.Text += li.Text + ",";
}
}
3、DropDownList
下拉菜单
与单选按钮列表类似
4、ListBox
多选框
与ChekckBoxList类似
属性:
SelectionMode:设置是否可以多选
webform控件的更多相关文章
- 将开始我的WebForm控件开发之旅
时间总是过得很快,一转眼三个月就过去了,三个月内发生了很多的事.因为学校的学习,离开了我入门WPF的公司:开发了第一个外包项目,做的是WebForm的:而且了马上要毕业了,毕业后的公司应该是专门用We ...
- WebForm 控件(一)、连接数据库
一.控件 [简单控件] (一)文字显示 1.Label → 在html中相当于span <asp:Label ID="控件名 runat="server" Tex ...
- WebForm控件多字段绑定
一.这里的多字段绑定是什么意思? 多字段绑定控件其实就是把两个字段显示在一起作为一个字段现在控件上! 可能读者看了可能还是有点懵逼,说的还是比较抽象!的确,光从这上面的确是无法具体到某特定一种情况!那 ...
- WebForm控件--2016年12月29日
简单控件 1.Label => <span id="Label1">Label1</span> 2.Literal => Text 填 ...
- 常用的WebForm 控件
首先回忆一下Html页中的12个表单元素 .文本类 文本框 <input type="text" id="" name="" valu ...
- WebForm控件Repeater
我们会发现用拼接字符串来显示一个查询非常的麻烦,有一个控件Repeater帮助你,省去写Foreach LinQ to SQL类 函数类: using System; using System.Col ...
- WebForm 控件
一.简单控件 1.Label(作用:显示文字) Web中: <asp:Label ID="Label1" runat="server" Text=&quo ...
- WebForm 控件(二)
控件 Calendar:日历控件 但是html代码量太大不适用 FileUpdate: 文件上传 HiddenField:隐藏域 Image: 图片 可以直接给URL 不适用可用html代码写 Ta ...
- 关于获取WebForm控件的问题
遇到这样的一个问题: 在GridView加载了数据之后,GridView的个别列被设置为TextBox单元格,就是可以修改数量了,单价什么的: 这样就触发了TextChanged事件: 现在要记录谁修 ...
随机推荐
- DDD 领域驱动设计-谈谈 Repository、IUnitOfWork 和 IDbContext 的实践(2)
上一篇:<DDD 领域驱动设计-谈谈 Repository.IUnitOfWork 和 IDbContext 的实践(1)> 阅读目录: 抽离 IRepository 并改造 Reposi ...
- kafka性能参数和压力测试揭秘
转自:http://blog.csdn.net/stark_summer/article/details/50203133 上一篇文章介绍了Kafka在设计上是如何来保证高时效.大吞吐量的,主要的内容 ...
- 深入理解脚本化CSS系列第二篇——查询计算样式
× 目录 [1]getComputedStyle [2]注意事项 [3]currentStyle[4]IE 前面的话 元素的渲染结果是多个CSS样式博弈后的最终结果,这也是CSS中的C(cascade ...
- Docker 基础 : 数据管理
用户在使用 Docker 的过程中,往往需要能查看容器内应用产生的数据,或者需要把容器内的数据进行备份,甚至多个容器之间进行数据的共享,这必然涉及容器的数据管理操作.容器中管理数据主要有两种方式:数据 ...
- 在web浏览器上显示室内温度(nodeJs+arduino+socket.io)
上次的nodejs操作arduino入门篇中实现了如何连接arduino.这次我们来实现通过arduino测量室内温度并在浏览器上显示出来. [所需材料] 硬件:LM35温度传感器,arduino u ...
- sql server left 和right 函数
参考文章:微信公众号文章 一直对sql中的left和right有误解,一直以为它是这样的. 执行这样一句: ) leftNum ) rightNum 出现的结果是这样的: 而我心中这样认为: 我认为只 ...
- js给DropdownList赋值
", "model": "APOLLO M/B1"}]; ; i < row.length; i++) { var addOption = do ...
- 超越 JSON: Spearal 序列化协议简介
Spearal 是一个新的开源的序列化协议,这个协议旨在初步替换JSON 将HTML和移动应用连接到Java的后端. Spearal的主要目的是提供一个序列协议,这个协议即使是在端点间传输的复杂的 ...
- Java 单例模式详解
概念: java中单例模式是一种常见的设计模式,单例模式分三种:懒汉式单例.饿汉式单例.登记式单例三种. 单例模式有一下特点: 1.单例类只能有一个实例. 2.单例类必须自己自己创建自己的唯一实例. ...
- 微信小程序demo理解
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Verdana } p.p2 { margin: 0.0px 0.0px 0.0px 0.0p ...