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

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

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

View Code

   <!--Ajax实现页面不闪烁，一直是Insus.NET所喜欢使用的-->
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <div>
               <!--放置一个TextBox,让用户输入Data-->
                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
               <!--放置一个LinkButton,提交数据-->
                <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的页面，查看源代码:

 

把上面的yellow高亮的代码附加入TextBox作为onblur事件。下面代码写到.aspx.cs的Data_Binding()内。

this.TextBox1.Attributes.Add("onblur", "__doPostBack('LinkButton1','')");

 

最后，我们需要把LinkButton的Text="Submit"改为 Text=""，目的是为了把LinkButton隐藏。