62,041
社区成员
发帖
与我相关
我的任务
分享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事件。
具体不知是何原因，忘各位高手指点，谢谢！
...全文
请发表友善的回复…
发表回复
正怒月神 版主 2015-11-19
- 打赏
- 举报
看你实现，好像并不需要 updatePanel。
况且对于updatepanel，我只能说，了解一下，以后不要用了。哈哈
asp.net的 ajax控件，已经淘汰挺久了，不更新了。
qxa 2015-11-19
- 打赏
- 举报
这种方法是可以，但有点麻烦，主要是想用GridView这个控件方便些。
qxa 2015-11-19
- 打赏
- 举报
自己顶一个！
正怒月神 版主 2015-11-19
- 打赏
- 举报
ajax自己提交，获取数据前台自己拼接。
qxa 2015-11-19
- 打赏
- 举报
有没有人遇到这种情况？
qxa 2015-11-19
- 打赏
- 举报
这只是测试，我实际上是将两个文本框中的内容作为一条记录，添加到GridView中，不用updatePanel，那用什么好呢？
qxa 2015-11-19
- 打赏
- 举报
@xiaojie_cp： 去掉UpdatePanel测试是没有问题的
lovebaby 2015-11-18
- 打赏
- 举报
去掉UpdatePanel调试
qxa 2015-11-18
- 打赏
- 举报
以前没有用过UpdatePanel，忘各位高手指点！
