CI 笔记3 (easyui 的layout布局,最小化layout原型)

时间:2023-03-08 19:03:51

在做easyui的layout的布局时,最小化一个原型,分2步,一个是div的父标签,一个是body做父标签,全屏的。

步骤分别为:

在设置的5个区中,div的最后一个,必须是data-options=center,如果是别的区,将报白屏异常。

在layout的5个区中,最小化显示,必须有三个<div data-options>,从父层进入后,最小化必须有三个,才会显示,且最后一个必须为center。父层的div的style,可无高度的大小。

在div作为父标签的layout中,data-options的region,其north需在排在第一位。在north和center之间,至少需要有一个region。而,如果在div后面,即区域后,加一个字符,比如q,或者别的“占位符”,就可显示。

如果给父div加一个宽和高,则,只需要一个region就可以显示。

总结:

可以看出,在设置layout时,如果白屏不显示,报告异常,不是框架本身或者data-options的region的顺序和个数,而是div本身无法定位

在body的layout中,最小化,有2个<div data-options="">标签。后一个没有显示边框虚线。

在body的layout中,只要一个,比如west,就可显示,如果是center,则蓝色边框 包裹显示。

总结,主要问题出在div本身无法定位上了,不是框架的个数或者顺序。