对象失去焦点时自己动提交数据

72 阅读 0 评论 48 点赞

我是靠谱客的博主会撒娇大雁，最近开发中收集的这篇文章主要介绍对象失去焦点时自己动提交数据，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

生产线上，提升输入员输入效率，在没有购买到Bar code枪之前，需要修改程序，即是说当mouse光标离开TextBox之后，数据自动提交到数据库中。

解决这个问题，得需要使用onblur来实现。下面代码并非是专案实现代码，只是模拟相同的功能。

View Code

< asp:ScriptManager ID ="ScriptManager1" runat ="server" >
     </ asp:ScriptManager >
     < asp:UpdatePanel ID ="UpdatePanel1" runat ="server" >
         < ContentTemplate >
             < div >
                
                 < asp:TextBox ID ="TextBox1" runat ="server" ></ asp:TextBox >
                
                 < asp:LinkButton ID ="LinkButton1" runat ="server" Text ="Submit" OnClick ="LinkButton1_Click" ></ asp:LinkButton >
             </ div >
         </ ContentTemplate >
     </ asp:UpdatePanel >

.aspx.cs:

View Code

using System;
using System.Collections.Generic;
using System.Drawing;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Insus.NET;

public partial class _Default : System.Web.UI.Page{

     protected void Page_Load( object sender, EventArgs e)
    {
        Data_Binding();
    }

     private void Data_Binding()
    {

    }

     protected void LinkButton1_Click( object sender, EventArgs e)
    {
        // 这里写提交到数据库中

         // 下面是Demo使用
        InsusJsUtility objJs = new InsusJsUtility();
         if ( string .IsNullOrEmpty( this .TextBox1.Text.Trim()))
        {
            objJs.JsAlert( " 没有数据可提交。 " );
             return ;
        }

        objJs.JsAlert( " 数据已经提交： " + this .TextBox1.Text);
    }
}

上面Demo还是需要用户点击LinkButton来提交数据。为了TextBox的onblur能执行LinkButton的相同的事件，只要找到LinkButton的"__doPostBack()"。我们可以在run的页面，查看源代码: