文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>在ASP.NET的server form 中使用easyui的layout布局控件

在ASP.NET的server form 中使用easyui的layout布局控件

时间:2010-10-27  来源:追梦客2008

    不过,在使用过程中发现,easyui的layout控件如果是运用在div标签上运行得很正常,但如果layout控件被form标签包围或是将其定义在form上使用则会出现不能自动布局的问题,例如

 

示例1: <div class="easyui-layout">
....
<div region="center">...</div>
....
</div>

 

 改为

示例2: <form class="easyui-layout">
....
<div region="center">...</div>
....
</form>

 

示例3: <form>
<div class="easyui-layout">
....
<div region="center">...</div>
....
</div>
</form>

 

这个时候layout自动布局就会失效了,只会在页面加载时布局,而在拖动改变窗口大小时,将会保持原状,而不会随着窗口的大小伸缩而发生变化。

对于示例2,可通过对window的resize事件添加一个处理函数即可解决

 

代码1:
<script>
    $(function (){
        $(window).resize(function(){
            $("form.easyui-layout").layout("resize");
        }); 
    });
</script>

 

 

相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载