easyui自适应常见问题解决方法

最新推荐文章于 2020-06-05 17:26:46 发布

Man_Humble

最新推荐文章于 2020-06-05 17:26:46 发布

阅读量1.8k

点赞数

分类专栏： EasyUI 文章标签： easyui 界面

本文链接：https://blog.csdn.net/wcj920946195/article/details/53812210

版权

本文介绍了EasyUI在实现界面自适应过程中常见的问题及其解决方法，帮助开发者优化响应式设计，确保在不同设备上良好展示。

摘要由CSDN通过智能技术生成

1：比如在项目中用到了datagrid。如果界面比较简单－－－只有一个datagrid只需要把它的属性fit 设置为true就能实现自动适应窗体。如果在datagrid上方还有其他div的话，datagrid就不能很好的自动适应窗体。如查datagrid有分页控件，分页控件就看不到了。这个时候就应该用 easyui-layout来分隔窗体来使具体的内容放在easyui-layout不同的部分。这样就能很好的解决自适应问题。代码如下：

<div class="easyui-layout"data-options="fit:true">
    <div data-options="region:'north'" style="height:100px">
        <table id="part1"></table>
    </div>
    <div data-options="region:'center'">
        <table id="part2"></t