asp.net多按钮回发
问题描述:
有两个button,两个textbox,需要输入textbox1后回车就postback到button1的后端事件,textbox2类似。很明显需要在客户端代码实现。
解决方法:
首先了解.Net中控制控件的postback是通过这个js函数控制的:
<script language="javascript" type="text/javascript">
<!--
function __doPostBack(eventTarget, eventArgument) {
var theform;
if (window.navigator.appName.toLowerCase().indexOf("microsoft") > -1) {
theform = document.Form1;
}
else {
theform = document.forms["Form1"];
}
theform.__EVENTTARGET.value = eventTarget.split("$").join(":");
theform.__EVENTARGUMENT.value = eventArgument;
theform.submit();
}
// -->
</script>
也必须添加两个hidden的文本框到客户端,写到<form>中
<input type="hidden" name="__EVENTTARGET">
<input type="hidden" name="__EVENTARGUMENT">
后端.cs文件中的Page_Load添加:
TextBox1.Attributes.Add("onkeydown","javascript:if (13 == window.event.keyCode){__doPostBack('Button1','');return false;}");
TextBox2.Attributes.Add("onkeydown","javascript:if (13 == window.event.keyCode){__doPostBack('Button2','');return false;}");
实现。这实际上是将微软本身提供的体制反着用了一次,不得已而为之,但总算实现了。
-----------
方法二
在 Page_Load 中
if(!IsPostBack)
{
this.TextBox1.Attributes["onkeydown"]="clickBtn('Button1')";
this.TextBox2.Attributes["onkeydown"]="clickBtn('Button2')";
}
在页面中加入脚本
<script language=javascript>
<!--
function clickBtn(id)
{
var btn = document.getElementById(id); //根据 ID 找到 Button
if(btn== null){return;} //没找到,则返回
if (event.keyCode ==13 ) //按下的是回车键
{
btn.click();
event.returnValue = false; //阻止回车键的生效
}
}
//-->
</script>