easyui之布局管理easyui-layout的使用

初学easyui，之前项目中也没使用过这个框架，但是和大多数前端框架都类似，这一小节主要教大家怎么来使用easyui中的布局管理，以及我在使用过程中遇到的问题。

   首先layout是一个容器,它有5个区域：north(北丐)，south(南帝)，east(东邪)，west(西毒)；center(中神通)，像不像金庸的天龙八部，中间区域的panel是必须的，周边区域panel是可选项，所有周边区域的panel可以改变大小通过拖动边框，他们也可以折叠(collapse)通过点击触发折叠事件，布局可以嵌套，因此用户可以创建你想要的复杂布局。这是我从http://www.zi-han.net/case/easyui/layout.html#layout复制过来的，大家也可以根据这个easyui翻译过来的中文网站来学习。

     我刚开始引入easyui.css和icon.css是没有任何反应的，我一直以为是我引入的时候错了，并未检查body体里面的错误，无论怎样就是没有样式，什么都不出来，后来我又仔细看了我body题里面是否写错了，原因是我只写了region,写了一个style然后就没写了，正确的写法这这样的

  body class="easyui-layout">

        <div region="north" title=" north title" split="true" style="height:74px"></div>

3.      <div region="south" title="South Title" split="true" style="height:100px;"></div>

4.      <div region="west" split="true" title="West" style="width:100px;"></div>

6.      <div region="center" title="center title" style="padding:5px;background:#eee;"></div>

7.  </body>

  强调一点的是如果你想要在north里面写东西的话必须要写title里面写，这是我个人的实践。