easyui使用layou时自适应窗口

一、使用asp.net 自带的form；

二、用div代替asp.net 自带的form；

一、使用asp.net 自带的form；

由于aspx页面的特殊性，class='easyui-layout'如果直接放在body上，用div作region，会因为中间间隔著名的<form id="form1" runat="server" >服务器控件，而出现缺失节点的错误；

目前可行的方法是把class='easyui-layout'放到<form id="form1" runat="server" >服务器控件内，同时，让form自动适应body的高宽；

具体操作为，取window的高宽，设置给form；

其中，为了给body四周留出一定的margin，取出的window高宽各减去10，同时把body的margin:5px；

用div代替asp.net 自带的form：

1. //窗口自适应调整      
2. $(function() {  
3.     windowResize();  //文档载入时加载  
4.     $(window).resize(function() {  
5.         windowResize();  //窗口改变大小时加载  
6.     });  
7. });  
8.   
9. function windowResize() {  
10.     var width = $(window).width()-10;   //减去10与body中margin:5px共同作用:为body留的边距  
11.     var height = $(window).height()-10;  
12. //  $('form#form1').width(width);  
13. //  $('form#form1').height(height);  
14. //  $('form#form1').layout();  //相当于<form id='form1' class='easyui-layout' runat="server">  
15.       
16.       
17.     $('#autoFitWindow').width(width);  
18.     $('#autoFitWindow').height(height);  
19.     $('#autoFitWindow').layout();  //相当于<form id='form1' class='easyui-layout' runat="server">  
20. }