UpdatePanel更新文本框问题
vs2010创建的WEB页面上有一个Button,三个TextBox放在UpdatePanel中,当按回车键时,焦点会在文本框之间切换(用jQuerys实现)具体页面代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="../JS/jquery.js"></script>
<script language="javascript" type="text/javascript">
$(function () {
$("input:text").keydown(function (e) {
//alert(e.which);
if (e.which == 13) { // 获取Enter键值
e.preventDefault(); // 阻止表单按Enter键默认行为,防止按回车键提交表单
var nextIndex = $("input:text").index(this) + 1;
$("input:text")[nextIndex].focus();
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox> <br />
<asp:TextBox ID="TextBox1" runat="server" AutoPostBack="True"
ontextchanged="TextBox1_TextChanged"></asp:TextBox><br />
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>
</body>
</html>
服务器端代码:
protected void TextBox1_TextChanged(object sender, EventArgs e)
{
TextBox2.Text = TextBox1.Text;
TextBox1.Text = "";
TextBox3.Text = "";
TextBox3.Focus();
}
protected void Button1_Click(object sender, EventArgs e)
{
Response.Write("<script language='javascript' defer>alert('test!');</script>");
}
当在TextBox1输入:测试 后,按回车键,触发TextBox1_TextChanged事件,TextBox3获得焦点后:
问题一:此时在TextBox3中的中文输入法无效,只能输入英文;
问题二:此时光标在TextBox3中,按回车键,焦点本应该转移到 TextBox1上,结果却是触发了 Button1_Click事件。
具体不知是何原因,忘各位高手指点,谢谢!
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="../JS/jquery.js"></script>
<script language="javascript" type="text/javascript">
$(function () {
$("input:text").keydown(function (e) {
//alert(e.which);
if (e.which == 13) { // 获取Enter键值
e.preventDefault(); // 阻止表单按Enter键默认行为,防止按回车键提交表单
var nextIndex = $("input:text").index(this) + 1;
$("input:text")[nextIndex].focus();
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox> <br />
<asp:TextBox ID="TextBox1" runat="server" AutoPostBack="True"
ontextchanged="TextBox1_TextChanged"></asp:TextBox><br />
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>
</body>
</html>
服务器端代码:
protected void TextBox1_TextChanged(object sender, EventArgs e)
{
TextBox2.Text = TextBox1.Text;
TextBox1.Text = "";
TextBox3.Text = "";
TextBox3.Focus();
}
protected void Button1_Click(object sender, EventArgs e)
{
Response.Write("<script language='javascript' defer>alert('test!');</script>");
}
当在TextBox1输入:测试 后,按回车键,触发TextBox1_TextChanged事件,TextBox3获得焦点后:
问题一:此时在TextBox3中的中文输入法无效,只能输入英文;
问题二:此时光标在TextBox3中,按回车键,焦点本应该转移到 TextBox1上,结果却是触发了 Button1_Click事件。
具体不知是何原因,忘各位高手指点,谢谢!
...全文
相关推荐
Ajax控件:UPdatepanel使用
综上所述,UpdatePanel是ASP.NET AJAX实现部分页面更新的强大工具,虽然存在一些潜在问题,但合理使用可以显著提升Web应用的交互性和性能。
ajax updatepanel
UpdatePanel内可以包含ASP.NET控件,如按钮、文本框等,当这些控件触发事件时,UpdatePanel会负责处理异步请求和响应。
ASP.NET AJAX深入浅出系列课程(3):UpdatePanel的使用(下)_Demo.zip
在实际应用中,UpdatePanel虽然方便,但也有其局限性,例如可能导致性能问题,因为即使只更新部分内容,服务器仍然需要完整处理页面生命周期。
asp.net 局部刷新问题
当这些控件触发事件时,UpdatePanel会通过异步请求将数据发送到服务器,并在接收到响应后仅更新其内部内容。例如,假设我们有一个网页,其中包含一个下拉列表和一个文本框。
ajax联动
例如,一个简单的用户输入验证,当用户在文本框中输入内容时,无需提交表单,即可实时检查输入的有效性。### 4.


