HTML文本框的值改变后触发后台代码的方法

 更新时间:2013年04月27日 14:29:10   作者:  
asp.net用日期插件,当选中一个日期时触发一个事件,以查询当前日期的数据。这是要跟数据库交互的。先贴出控件代码:


复制代码 代码如下:

<asp:TextBox ID="txtDate" CssClass="Wdate" Style="width: 91px;" runat="server"

onfocus="WdatePicker({maxDate:'%y-%M-%d',isShowClear:false,readOnly:true})"
                        onpropertychange="showValue(this.value)" ></asp:TextBox>


                    <asp:HiddenField ID="hiddenDate" runat="server"

OnValueChanged="hiddenDate_ValueChanged"
                        EnableViewState="false" />
 <div style="display: none;">
                        <asp:ImageButton ID="btnHid" runat="server"

ImageUrl="~/Resource/images/Btn_Find.gif"
                            CausesValidation="false" align="absmiddle"

OnClick="btnHid_Click" />
                    </div>


如果要实现这个目的,肯定要用到后台代码,也需要用到javascript代码。javascript代码

如下:

复制代码 代码如下:

<script type="text/javascript">
        //记录用户上一次输入的日期。
        var today = new Date();
        var todayMonth;
        var todayDate;

        //格式化当前“月”,“日”格式。
        if ((today.getMonth() + 1) < 10) {
            todayMonth = "0" + (today.getMonth() + 1);
        }
        if (today.getDate() < 10) {
            todayDate = "0" + today.getDate();
        }

        //获得当前的日期。
        var oldValue = https://www.jb51.net/Health/archive/2012/02/10/today.getFullYear() +"-" + todayMonth + "-" + todayDate;

        function showValue(obj) {
            //当查询日期不为空时,就触发查询按钮。
            if (obj != "" && obj != oldValue) {
                oldValue = https://www.jb51.net/Health/archive/2012/02/10/obj;
                $('#txtName').get(0).select();
                $("#hiddenDate").val(obj);
                $('#btnHid').trigger("click");
                return false;
            }
        }
    </script>


javascript代码主要是判断当前选中日期不为空,并且是选择的一个新日期。才会触发一个

隐藏控件的OnValueChanged,也可以触发一个按钮事件,都可以达到目的。日期控件的事件

就是 onpropertychange="showValue(this.value)"用javascript代码。
下面就是后台代码了:

复制代码 代码如下:

    //根据用户选择的时间查询。
    protected void hiddenDate_ValueChanged(object sender, EventArgs e)
    {
       //后台代码
    }

    //根据用户选择的时间查询。
    protected void btnHid_Click(object sender, ImageClickEventArgs e)
    {
        //后台代码
    }


这两个都可以用。
这篇博文只要说明的是怎么用前台非服务器控件文本框(虽然本篇博文用的是服务器控件,但

是HTML控件也是一样的效果。),文本的改变触发后台事件,以执行后台代码。

相关文章

  • C#学习笔记之适配器模式详解

    C#学习笔记之适配器模式详解

    这篇文章主要为大家详细介绍了C#学习笔记之适配器模式的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • C#实现带百分比的进度条功能示例

    C#实现带百分比的进度条功能示例

    这篇文章主要介绍了C#实现带百分比的进度条功能,分析了带百分比进度条的功能需求并结合实例形式给出了具体实现步骤与相关操作方法,需要的朋友可以参考下
    2017-05-05
  • 聊聊C#中的Mixin的具体用法

    聊聊C#中的Mixin的具体用法

    本文主要介绍了C#中的Mixin的具体用法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-05-05
  • C# AE之返回上一级和下一级的实战操作

    C# AE之返回上一级和下一级的实战操作

    这篇文章主要介绍了C# AE之返回上一级和下一级的实战操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2021-01-01
  • 通过C#实现在Word中插入或删除分节符

    通过C#实现在Word中插入或删除分节符

    在Word中,分节符是一种强大的工具,用于将文档分成不同的部分,每个部分可以有独立的页面设置,如页边距、纸张方向、页眉和页脚等,本文将介绍如何使用一个免费的.NET库通过C#实现插入或删除Word分节符,需要的朋友可以参考下
    2024-08-08
  • C#使用InstallerProjects打包桌面应用程序的完整步骤

    C#使用InstallerProjects打包桌面应用程序的完整步骤

    这篇文章主要给大家介绍了关于C#使用InstallerProjects打包桌面应用程序的完整步骤,文中通过示例代码介绍的非常详细,对大家学习或者使用C#具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-07-07
  • C# 使用 GDI+ 实现添加中心旋转(任意角度)的文字

    C# 使用 GDI+ 实现添加中心旋转(任意角度)的文字

    这篇文章主要介绍了C# 使用 GDI+ 实现添加中心旋转(任意角度)的文字,需要的朋友可以参考下
    2018-04-04
  • C#基础之Lambda表达式用法实例教程

    C#基础之Lambda表达式用法实例教程

    这篇文章主要介绍了C#中Lambda表达式用法,并与之前所述的匿名方法做一比较,详细的讲述了Lambda表达式的定义及具体用法,需要的朋友可以参考下
    2014-09-09
  • C#浅拷贝和深拷贝实例解析

    C#浅拷贝和深拷贝实例解析

    这篇文章主要介绍了C#浅拷贝和深拷贝,是比较重要的概念,需要的朋友可以参考下
    2014-08-08
  • c#读写ini配置文件示例

    c#读写ini配置文件示例

    虽然c#里都是添加app.config 并且访问也很方便 ,有时候还是不习惯用他。那么我们来做个仿C++下的那种ini配置文件读写吧
    2014-04-04

最新评论