管理资源吧首页>>>教程>>>编程>>>PHP教程>>>

对象失去焦点时自己动提交数据的实现代码

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

　　

复制代码 代码如下:

　　<!--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:

　　

复制代码 代码如下:

　　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隐藏。

教程首页 更多教程