服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - PHP教程 - 对象失去焦点时自己动提交数据的实现代码

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

2020-01-16 13:57PHP教程网 PHP教程

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

解决这个问题,得需要使用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隐藏。

延伸 · 阅读

精彩推荐