根据webform页面大小的变化动态调整控件的大小

 在ASP.NET的开发中，很多时候我们希望webform中的控件能够随窗体的变化而自动调整自己的大小，即可以自动适应页面的大小。我们所要实现的效果就是窗体在最大化和正常大小之间变化时，控件的大小也能做相应的调整。在网上找不到对应的答案，现在记录下来。

         原理分析

         Webform窗体大小的变化不会触发服务器回发，所有最终的实现需要使用js脚本；所以我们需要在窗体大小变化时，窗体能够智能的通知我们的进行调整控件的大小（winform也好，webform也罢都是这样）；这个是实现的本质，这也就是我们所熟悉的事件机制！

         Js中很多的控件都有onresize事件，只要我们向控件所在的页面注册相应的处理函数即可！

         以下是我在开发自定义控件时的实现思路，其他场景需要做相应的变化即可。

 

StringBuilder sbJs=new StringBuilder();

sbJs.Append("<script type=\"text/javascript\">\r\n");

sbJs.Append("document.getElementById(\"+this.Page.Form.ClientId+\").onresize=function(){");

sbJs.Append("调整控件大小逻辑");

sbJs.Append("}\r\n");

sbJs.Append("</script>\r\n");