EasyUI是高度自适应布局

最近,一个项目,写之前,改为与EasyUI的前端。在这个过程中有很多问题,其中之一就是DataGrid不放。有思想的许多方面很多限制。最后,我认为它会通过实践是布局的问题,这最后的问题是解决了。

1:例如,DataGrid中使用的项目。如果界面比较简单,只有一个DataGrid只需要把合适的属性被设置为true,它可以自动适应的形式。如果有在DataGrid上其他的div,DataGrid控件不能自动适应的形式。如果DataGrid有一个分页控件、分页控件不可见。这个时候你应该使用easyui布局将形成在easyui-layout.this使不同部位的具体内容可以很好的解决问题的自适应。

代码如下:

复制代码代码如下所示:















2:EasyUI布局基于体标记。当浏览器窗口大小的变化,EasyUI的布局可以根据窗口的大小调整大小。EasyUI布局基于DIV标签,如果你想拥有上述功能,您必须设置easyui布局属性,适合等于现实。

案例1:

复制代码代码如下所示:















案例2:

复制代码代码如下所示:















3:当定义EasyUI在HTML中,以下两种写作是一样的,即的EasyUI控件的属性可以写在dataoptions属性,你也可以写这些属性的标签。

写作方法1:

复制代码代码如下所示:















写作方法2:

复制代码代码如下所示:















以上是easyUI高度自适应的所有内容,希望能给大家一个参考,也希望你有很多的支持。