asp.net常用页面控件介绍
Label控件
功能说明:用于显示文本,提示信息,如窗体标题,文本框的标题
命名前缀:Lbl
ASPX代码:<asp:Label ID="LblSample" runat="server" Text="Label Sample"></asp:Label>
重要属性:Text 显示的文本
HyperLink控件
功能说明:建立文本超链接或图片超链接
命名前缀:Hlk
ASPX代码:<asp:HyperLink ID="HlkSample" runat="server" NavigateUrl="www.sample.com.cn">Sample</asp:HyperLink>
重要属性:NavigateUrl 链接URL
ImageUrl 显示的图片URL
Target 目标框架的名称,如"_blank","_top"等
Image控件
功能说明:用于显示图片
命名前缀:Img
ASPX代码:<asp:Image ID="ImgSample" runat="server" ImageUrl="build.ImgSample" />
重要属性:ImageUrl 显示的图片URL
Button控件
功能说明:用于创建按钮,执行命令
命名前缀:Btn
ASPX代码:<asp:Button ID="BtnSample" runat="server" Text="Sample" />
重要属性:Text 显示在按钮上的文本
TextBox控件
功能说明:用于显示文本和接收用户输入的文本
命名前缀:Txt
ASPX代码:<asp:TextBox ID="TxtSample" runat="server" Text="TextBox Sample"></asp:TextBox>
重要属性:Text 显示在按钮上的文本
TextMode 设置文本的模式,"Single"为单行文本框,"Multiline"为多行文本框
Rows 当TextMode设置为"Multiline"时,文本框显示的行数
Columns 设置文本框的宽度
MaxLength 设置文本框允许输入的最多字符数
CheckBox控件
功能说明:用于创建复选框
命名前缀:Chk
ASPX代码:<asp:CheckBox ID="ChkSample" runat="server" Text="CheckBox Sample" />
重要属性:Text 显示在复选框旁的文本
Checked 复选框的选择状态,True为选中,False为未选中
RadioButton控件
功能说明:用于创建单选按钮
命名前缀:Rad
ASPX代码:<asp:RadioButton ID="RadSample" runat="server" GroupName="GroupOne" Text="RadioButton Sample" />
重要属性:Text 显示在单选按钮旁的文本
GroupName 属于通一组的单选按钮,即GroupName相同的单选按钮,只能有一个处于选中状态
Checked 单选按钮的选择状态,True为选中,False为未选中
CheckBoxList控件
功能说明:用于创建一组复选框
命名前缀:ChkLst
ASPX代码:<asp:CheckBoxList ID="ChkLstSample" runat="server">
<asp:ListItem Value="1">选项1</asp:ListItem>
<asp:ListItem Value="2">选项2</asp:ListItem>
</asp:CheckBoxList>
重要属性:Items 复选框列表中复选框集合
Selected Items集合元素属性,对应复选框选择状态
RadioButtonList控件
功能说明:用于创建一组单选按钮
命名前缀:RadLst
ASPX代码:<asp:RadioButtonList ID="RadLstSample" runat="server">
<asp:ListItem Value="1">选项1</asp:ListItem>
<asp:ListItem Value="2">选项2</asp:ListItem>
</asp:RadioButtonList>
重要属性:SelectedItem 单选按钮集合中选择状态为选中的单选按钮
ListBox控件
功能说明:用于创建列表框
命名前缀:Lst
ASPX代码:<asp:ListBox ID="LstSample" runat="server">
<asp:ListItem Value="1">选项1</asp:ListItem>
<asp:ListItem Value="2">选项2</asp:ListItem>
</asp:ListBox>
重要属性:SelectionMode 列表框的的选择模式,"Single"为单项选择,"Multiline"为多项选择
Items 列表框的选项集合
Selected Items集合元素属性,对应选项的选择状态,True为选中,False为未选中
DropDownList控件
功能说明:用于创建下拉列表框,只能进行单项选择
命名前缀:DdwLst
ASPX代码:<asp:DropDownList ID="DdwLstSample" runat="server">
<asp:ListItem Value="1">选项1</asp:ListItem>
<asp:ListItem Value="2">选项2</asp:ListItem>
</asp:DropDownList>
重要属性:Items 复选框列表的选项集合
Selected Items集合元素属性,对应选项的选择状态,True为选中,False为未选中
RequiredFieldValidator控件
功能说明:验证控件必须输入,未输入时或输入与初始值相同时提示错误信息
命名前缀:ReqVdt
ASPX代码:<asp:RequiredFieldValidator ID="ReqVdtName" runat="server"
ErrorMessage="未输入姓名" ControlToValidate="TxtSample">
</asp:RequiredFieldValidator>
重要属性:ControlToValidate 被验证的控件的Name
ErrorMessage 验证失败的提示信息
InitialValue InitialValue如果为空,被验证的控件的内容为空则验证失败,
如果不为空,被验证的控件的内容如果和InitialValue值一样则验证失败。
RangeValidator控件
功能说明:输入范围验证,输入值的范围必须在指定的范围之内。
命名前缀:RngVdt
ASPX代码:<asp:RangeValidator ID="RngVdtSample" runat="server"
ControlToValidate="TxtAge" ErrorMessage="年龄必须在1-150之间。"
Type="Integer" MinimumValue="1" MaximumValue="150">
</asp:RangeValidator>
重要属性:ControlToValidate 被验证的控件的Name
ErrorMessage 验证失败的提示信息
Type 被验证数据的类型,可以是字符串、数值和日期型
MinimumValue 最小值
MaximumValue 最大值
CompareValidator控件
功能说明:验证输入值与指定值的大小关系,输入值必须符合与指定值的大小关系
命名前缀:CmpVdt
ASPX代码:<asp:CompareValidator ID="CmpVdtSample" runat="server"
ControlToValidate="TxtBirthday" ErrorMessage="生日不能晚于2009/8/31"
Type="Date" perator="LessThanEqual" ValueToCompare="2009/8/31">
</asp:CompareValidator>
重要属性:ControlToValidate 被验证的控件的Name
ErrorMessage 验证失败的提示信息
Type 被验证数据的类型,可以是字符串、数值和日期型
Operator 与指定值的大小关系
ValueToCompare 指定进行大小比较的值
ControlToCompare 指定进行大小比较的控件
RegularExpressionValidator控件
功能说明:通过正则表达式验证输入值
命名前缀:RegVdt
ASPX代码:<asp:RegularExpressionValidator ID="RegVdtSample" runat="server"
ControlToValidate="TxtZip" ErrorMessage="邮编格式不正确"
ValidationExpression="\d{6}">
</asp:RegularExpressionValidator>
重要属性:ControlToValidate 被验证的控件的Name
ErrorMessage 验证失败的提示信息
ValidationExpression 用于验证的正则表达式
CustomValidator控件
功能说明:通过自定义函数验证输入值
命名前缀:RegVdt
ASPX代码:<asp:CustomValidator ID="CtmVdtSample" runat="server"
ControlToValidate="TxtSex" ErrorMessage="性别应为男或女"
ClientValidationFunction="ValidateSex" >
</asp:CustomValidator>
<script. type="text/javascript">
function ValidateSex(source,args)
{
args.IsValid = (args.Value=="男" || args.Value=="女");
}
</script>
重要属性:ControlToValidate 被验证的控件的Name
ErrorMessage 验证失败的提示信息
ClientValidationFunction 客户端验证函数,args.Value为验证内容,args.IsValid为验证结果
OnServerValidate 服务端验证时间,通过事件过程实现,args.Value为验证内容,args.IsValid为验证结果
ValidationSummary控件
功能说明:汇总方式显示错误信息,如不希望显示内联验证控件的错误,将内联验证控件的Display属性设置为None,
或设置Text属性,验证错误时Validator控件显示Text,ValidationSummary控件显示ErrorMessage
命名前缀:VdtSum
ASPX代码:<asp:ValidationSummary ID="VdtSumSample" runat="server" ShowMessageBox="True" ShowSummary="False" />
重要属性:ShowMessageBox 以对话框显示错误信息
ShowSummary 在网页上显示错误信息
DisplayMode 显示错误信息方式
Asp.Net 前台页面如何调用后台 cs 变量
1.<%#... %>: 是在绑定控件 DataBind() 方法执行时被执行,用于数据绑定
如: <%# Container.DataItem("tit") %>
2.<%= %>: 在程序执行时被调用,可以显示后台变量值
如:
*.aspx 中: <%= aaa %>
*.cs 中: protected string aaa="姓名";
3.<% %>: 内联代码块里面可以在页面文件 *.aspx 或 *.ascx 文件里面嵌入后台代码
下载文件
通过超链接来直接下载文件:
HyperLink hl = new HyperLink();
// http连接,需要服务器虚拟路径
hl.NavigateUrl = HttpRuntime.AppDomainAppVirtualPath + "/e-document/" + HttpUtility.UrlPathEncode("file_name");
hl.Text = "<br />" + dt.Rows[i]["file_name"].ToString();
//注意这个div,必须是你的服务器控件div(<div id="div" runat="server"></div>)
document_div.Controls.Add(hl);
非超链接方式提供下载:
asp页面中的HTML代码
<a href="Write.aspx">下载</a>
对应Write.aspx.cs 文件中的代码
string path = Server.MapPath("Images\\Applicant1.png");
System.IO.FileInfo fi = new System.IO.FileInfo(path);
Response.Clear();
Response.ClearHeaders();
Response.Buffer = false;
Response.AppendHeader("Content-Disposition", "attachment;filename=Applicant1.png");
Response.AppendHeader("Content-Length", fi.Length.ToString());
Response.WriteFile(path);
Response.Flush();
Response.End();
动态生成 HyperLink 控件
-
把你的 div 设置成服务器控件
-
for(int i=0;i<5;i++) { HyperLink hl = new HyperLink(); hl.NavigateUrl = string.Format("{0}.aspx", i); hl.Text = i.ToString(); //注意这个div,必须是你的服务器控件div(<div id="div" runat="server"></div>) div.Controls.Add(hl); }
循环添加控件, 如何换行
protected void Page_Load(object sender, EventArgs e)
{
HyperLink linkFile;
int i = 0;
System.IO.DirectoryInfo d = new System.IO.DirectoryInfo(Server.MapPath("~/upload"));
foreach (System.IO.FileInfo _f in d.GetFiles())
{
i++;
linkFile = new HyperLink();
linkFile.Text = i.ToString() +": " + _f.Name + "<br />";
linkFile.NavigateUrl = "~/upload/" + _f.Name;
this.Controls.Add(linkFile);
}
}
ASP.NET 页面之间传递参数方法汇总
在实际项目开发过程中经常需要在两个页面之间传递一些参数,本文在此总结出以下几个传递参数的方法
在撰写之前假设第一个页面为 send.aspx,第二个页面为 receive.aspx
1、通过 URL 链接地址传递
(1) send.asp 代码
复制代码代码如下:
protected void Button1_Click(object sender, EventArgs e)
{
Request.Redirect("Default2.aspx?username=honge");
}
(2) receive.aspx 代码
复制代码代码如下:
string username = Request.QueryString["username"];// 这样可以得到参数值。
2、POST 方式传递
(1) send.asp 代码
复制代码代码如下:
<form id="form1"runat="server"action="receive.aspx"method=post>
<div>
<asp:Button ID="Button1"runat="server"OnClick="Button1_Click"Text="Button"/>
<asp:TextBox ID="username"runat="server"></asp:TextBox>
</div>
</form>
(2) receive.aspx 代码
复制代码代码如下:
string username = Ruquest.Form["receive"];
3、Session 方式传递
(1) send.asp 代码
复制代码代码如下:
protected void Button1_Click(object sender, EventArgs e)
{
Session["username"] = "honge";
Request.Redirect("Default2.aspx");
}
(2) receive.aspx 代码
复制代码代码如下:
string username = Session["username"];// 这样可以得到参数值。
4、Application 方式传递
(1) send.asp 代码
复制代码代码如下:
protected void Button1_Click(object sender, EventArgs e)
{
Application["username"] = "honge";
Request.Redirect("Default2.aspx");
}
(2) receive.aspx 代码
复制代码代码如下:
string username = Application["username"]; 这样可以得到参数值。
5、使用 Server.Transfer 进行传递
(1) send.asp 代码
复制代码代码如下:
public string Name
{
get {
return "honge";
}
}
protected void Button1_Click(object sender, EventArgs e)
{
Server.Transfer("Default2.aspx");
}
(2) receive.aspx 代码
复制代码代码如下:
send d = Context.Handler as send ;
if (d != null)
{
Response.Write(d.Name);// 这样可以得到参数值。
}
asp.net 中打开新窗口的多种方法 (转载)
1.Response.Redirect("XXX.aspx",true)——直接转向新的页面,原窗口被代替;
2. Response.Write("<script>window.open(XXX.aspx','_blank')</script>")——原窗口保留,另外新增一个新页面;
3.Response.Write("<script>window.location=XXX.aspx'</script>")——打开新的页面,原窗口被代替;
4.Server.Transfer("XXX.aspx")——打开新的页面;
5.Response.Write("<script>window.showModelessDialog(XXX.aspx')</script>")——原窗口保留,以对话框形式打开新