脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → ASP.NET → 基础应用 → HiddenField的使用方法

ASP.NET中HiddenField隐藏域控件的使用方法

 更新时间：2016年04月20日 09:30:02   作者：知识碎片  
本文主要介绍ASP.NET中HiddenField控件的基础使用方法、事件以及配合javascript的一些使用，希望能帮到大家。

HiddenField控件的作用简单的说是用于存储需要在向服务器的发送间保持的值。它作为 <input type= "hidden"/> 元素呈现，并且通过添加runat=”server”就可以使它成为标准的HTML服务器控件。下面列出的是ASP.NET HiddenField Web服务器控件可以使用的属性和事件。
 

复制代码 代码如下:

<asp:HiddenField
    EnableTheming="True|False"
    EnableViewState="True|False"
    ID="string"
    OnDataBinding="DataBinding event handler"
    OnDisposed="Disposed event handler"
    OnInit="Init event handler"
    OnLoad="Load event handler"
    OnPreRender="PreRender event handler"
    OnUnload="Unload event handler"
    OnValueChanged="ValueChanged event handler"
    runat="server"
    SkinID="string"
    Value="string"
    Visible="True|False"
/>

因为 HiddenField 的值将呈现给客户端浏览器，所以它不适用于存储安全敏感的值。若要为 HiddenField 控件指定值，请使用 Value 属性，请注意是Value而不是Text。事实上HiddenField并没有Text属性，这和DropDownList、CheckBoxList等标准按钮的属性命名方式一致。在标准的属性命名方式中，Text的值是呈现给用户看到的，而Value的值则是通长是通过代码进行控制的。例如你可以让DropDownList的Text属性显示用户名而让它的Value存储用户的编号。

一、HiddenField控件的基本使用

复制代码 代码如下:
<html>
    <head>
        <script language="C#" runat="server">
        void Button1_Click(object sender, EventArgs e)
        {
            if (HiddenField1.Value == String.Empty)
                HiddenField1.Value = "0";
            HiddenField1.Value = (Convert.ToInt32(HiddenField1.Value)+1).ToString();
            Label1.Text = HiddenField1.Value;
        }
        </script>
    </head>
    <body>
        <h3><font face="Verdana">HiddenField</font></h3>
        <form runat=server>
            <asp:HiddenField id=HiddenField1 runat=Server />
            <asp:Button id=Button1 Text="单击按钮" onclick="Button1_Click" runat="server" />
            单击 <asp:Label id=Label1 Text="0" runat=server /> 次
        </form>
    </body>
</html>

在上面代码中， <asp:HiddenField id=HiddenField1 runat=Server />就定义了一个隐藏控件在按钮的单击事件里计算用户单击的次数，并将改次数赋值给Label1。

你可以将上面代码中的 <asp:HiddenField id=HiddenField1 runat=Server />改为<input type=hidden id=HiddenField1 runat=Server >也是可以的
  
在使用上面代码里，如果你从浏览器里查看源代码会得到如下的信息：
<form name="Form1" method="post" action="Default.aspx" id="Form1">
这是因为HiddenField是通过HTTP协议进行传递数据的，所以如果你通过" method="get"或者链接打开新的窗体页，那么HiddenField并不可用。
另外，HiddenField并不是取代Session来维护状态的，在上面例子里，虽然你点击一次按钮可以显示你点击的次数但是并不是说它可以记录你的状态信息。如果你重新打开浏览器那么你看到的此处仍然是0而不是3。 

二、HiddenField事件ValueChanged

HiddenField较为常用的是ValueChanged事件，该事件在Value值发生改变时触发该事件。然而在实际使用时，要知道页面记载顺序。在页面回传过程中，具体的页面周期你可以到如下网站查看
http://msdn2.microsoft.com/zh-cn/library/ms178472.aspx

下面的例子说明了这个问题

复制代码 代码如下:

<html>
<head>
<script runat="server" language="c#">
protected void Page_Load(object sender, EventArgs e)
{
    Response.Write("<p>页面的Page_Load事件触发，触发时间是：" + DateTime.Now.ToString());
    if (HiddenField1.Value == String.Empty)
    HiddenField1.Value = "0";
}
protected void Button1_Click(object sender, EventArgs e)
{
    Response.Write("<p>Button1_Click为改变Hidden的值前事件触发，触发时间是：" + DateTime.Now.ToString());
    HiddenField1.Value = (Convert.ToInt32(HiddenField1.Value) + 1).ToString();
    Label1.Text = HiddenField1.Value;
}
protected void HiddenField1_ValueChanged(object sender, EventArgs e)
{
    Response.Write("<p>HiddenField的 ValueChanged事件触发，触发时间是：" + DateTime.Now.ToString());
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div> <asp:HiddenField ID="HiddenField1" runat="server" OnValueChanged="HiddenField1_ValueChanged" />
</div> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<br /> <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
</form></body>
</html>

三、用javascript把值传给HiddenField

javascript直接改变控件的值再后台取不到值，存在HiddenField中变相的取值，代码如下:

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script type="text/javascript">
    function setValue(){
        document.getElementById("<%=name.ClientID %>").value="aaaa";
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:HiddenField ID="name" runat="server" />
        <asp:Button ID="Button1" runat="server" Text="Button"
            OnClientClick="setValue()" onclick="Button1_Click" />
    </div>
    </form>
</body>
</html>

您可能感兴趣的文章:

相关文章

  • .NET中开源文档操作组件DocX的介绍与使用

    .NET中开源文档操作组件DocX的介绍与使用

    在大家日常开发中读写Offic格式的文档，大家多少都有用到，可能方法也很多，组件有很多。这里不去讨论其他方法的优劣，只是向大家介绍一款开源的读写word文档的组件。读写Excel有NPOI，读写Word，那看看DocX吧。下面跟着小编一起来学习学习吧。
    2016-12-12
  • c#中常用的js语句

    c#中常用的js语句

    有时候在开发中，经常输出一些js与客户端实现交互，虽然说是c#的其实好多js的，需要的朋友可以收藏下。
    2010-04-04
  • 部署ASP.NET Core程序到Windows系统

    部署ASP.NET Core程序到Windows系统

    这篇文章介绍了部署ASP.NET Core程序到Windows系统的方法，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2022-03-03
  • .NET 6更新使.NET生态系统蜕变

    .NET 6更新使.NET生态系统蜕变

    微软正式发布.NET最新长期支持版本.NET 6，这个版本的更新重点，除了C#和F#都有许多语言功能改进之外，.NET 6终于集大成，成为跨浏览器、云计算、桌面、物联网和移动应用程序的统一平台，性能也获得大幅提升，并且更完整支持Arm64
    2022-01-01
  • WPF框架之Prism介绍

    WPF框架之Prism介绍

    这篇文章介绍了WPF的Prism框架，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2022-02-02
  • ASP.NET中 TextBox 文本输入框控件的使用方法

    ASP.NET中 TextBox 文本输入框控件的使用方法

    TextBox 控件为用户提供了一种向 ASP.NET 网页中键入信息（包括文本、数字和日期）的方法。
    2016-04-04
  • IIS部署ASP.NET Core项目及常见问题总结

    IIS部署ASP.NET Core项目及常见问题总结

    这篇文章介绍了IIS部署ASP.NET Core项目的方法及常见问题总结，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2022-01-01
  • asp.net下SQLite(轻量级最佳数据库) 原理分析和开发应用

    asp.net下SQLite(轻量级最佳数据库) 原理分析和开发应用

    SQLite是一个开源的嵌入式关系数据库，它在2000年由D. Richard Hipp发布，它的减少应用程序管理数据的开销，SQLite可移植性好，很容易使用，很小，高效而且可靠
    2011-10-10
  • 微软 Visual Studio 2010官方下载地址给大家

    微软 Visual Studio 2010官方下载地址给大家

    昨天VS2010在网上报道都已经发布了，现在今天在网上找到Visual Studio 2010官方下载地址，提供给大家下载。
    2010-04-04
  • 抓取页面信息方法介绍

    抓取页面信息方法介绍

    我们知道，一般网页中的信息是不断翻新的，这也要求我们定期的去抓这些新信息，但是这个“定期”该怎么理解，也就是多长时间需要
    抓一次该页面，其实这个定期也就是页面缓存时间，在页面的缓存时间内我们再次抓取该网页是没有必要的，反而给人家服务器造成压力
    2012-11-11

最新评论