在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+/").οnresize=function(){");
sbJs.Append("调整控件大小逻辑");
sbJs.Append("}/r/n");
sbJs.Append("</script>/r/n");