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

解决这个问题,得需要使用onblur来实现。下面代码并非是专案实现代码,只是模拟相同的功能
<div class="codetitle"><a style="CURSOR: pointer" data="71732" class="copybut" id="copybut71732" onclick="doCopy('code71732')"> 代码如下:

<div class="codebody" id="code71732">

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">



<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<asp:LinkButton ID="LinkButton1" runat="server" Text="Submit" OnClick="LinkButton1_Click"></asp:LinkButton>


</asp:UpdatePanel>

.aspx.cs:
<div class="codetitle"><a style="CURSOR: pointer" data="63446" class="copybut" id="copybut63446" onclick="doCopy('code63446')"> 代码如下:
<div class="codebody" id="code63446">
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()内。
<div class="codetitle"><a style="CURSOR: pointer" data="41420" class="copybut" id="copybut41420" onclick="doCopy('code41420')"> 代码如下:
<div class="codebody" id="code41420">
this.TextBox1.Attributes.Add("onblur","
doPostBack('LinkButton1','')");

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

失去焦点自己动提交数据

相关文章

统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单,返...
统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单,返...
前言 之前做了微信登录,所以总结一下微信授权登录并获取用户...
FastAdmin是我第一个接触的后台管理系统框架。FastAdmin是一...
之前公司需要一个内部的通讯软件,就叫我做一个。通讯软件嘛...
统一支付是JSAPI/NATIVE/APP各种支付场景下生成支付订单,返...