CI 笔记3 （easyui 的layout布局，最小化layout原型）

在做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本身无法定位上了，不是框架的个数或者顺序。