1.服务器端控件Button被渲染成客户端的
<input type="submit" name="Button1" value="Button" id="Button1" />
类型为type="submit"此类控件点击以后会通过form表单提交,点击以后会作为参数发送到服务端,参数是控件的name属性=控件的value值,服务器端会根据接收到的控件的name属性的这个值来得知是这个按钮被点击了,从而在服务端触发这个按钮的点击事件。
当我们在服务器端控件Button标签中加入name属性时,在前端渲染时服务器会将其去掉,这也证明了后台是通过name值来获取被点击的按钮名称的。
2.其他服务器端控件的后台事件触发
服务器会自动为服务器端控件的事件触发生成一个脚本:
1 <script type="text/javascript"> 2 //<![CDATA[ 3 var theForm = document.forms['form1']; 4 if (!theForm) { 5 theForm = document.form1; 6 } 7 function __doPostBack(eventTarget, eventArgument) { 8 if (!theForm.onsubmit || (theForm.onsubmit() != false)) { 9 theForm.__EVENTTARGET.value = eventTarget; 10 theForm.__EVENTARGUMENT.value = eventArgument; 11 theForm.submit(); 12 } 13 } 14 //]]> 15 </script>
然后在每个控件相应事件里加入js代码:
<a id="LinkButton1" href="javascript:__doPostBack('LinkButton1','')">Click</a>
以调用doPostBack向后台发送相应的触发信息,有两个参数,第一个是触发事件的控件名称,第二个是事件参数。
3.服务器会自动生成隐藏域 VIEWSTATE ,保存服务器控件的值,在页面回发时保存状态
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="dfH5nMWjX1dNSXzn46Y8JnrW6phZm5uVAKtEN6WJ9+0QH5o2vTLSkKi844UXjfMNj5w9xjbw+CveDXrKw6PmUBnHUp85WYCvEi9n8IHtvZ8=" />