Jquery EasyUI标签布局

Question

我正在使用jQuery EasyUI Tabs开发一个Web应用程序。

我在应用程序左侧有几个垂直链接，点击顶部的水平jQuery EasyUI标签条上将添加新标签。

我已经通过点击垂直链接使用addTab()功能实现了这一点。这会添加一个以iFrame作为内容的标签，并在此iframe中加载子页面。一切正常，但我不想垂直或水平地“包含”页面。

使用jQuery EasyUI标签迫使我这样做，因为它附带了jQuery easyUI - tabs - container css，它创建了一个加载iframe的框。

以下是我现在的情况：

我打算像这样做..

有人可以帮我开发一个像css这样的布局，它在北部地区有我的标题，在西部地区有bertical链接，在中心区域有一个jQuery EasyUI标签面板。

页面滚动必须仅适用于中心区域。

Answer 1

我在easyui中使用layout实现了同样的效果......这里是docs ...

注意文档本身的布局...... :) ..它与你所要求的相同（我认为）..查看源代码可能会帮助你...因为我做了同样的事情..只要确保..你离开你的中心区域的widht和高度自动（100％）..这将为你提供所需的滚动条..

<强>更新

使用easyui-layout类

<div class="easyui-layout" style="width: auto; height: 950px;">
  <div region="west" split="true" title="yourTitle" style="width: 225px;"> //width of left container
      //content of left container
  </div>
  <div id="content" region="center" style="padding: 5px;"> //this is the center part
      <div id="tt" class="easyui-tabs" style="width: auto; height: 900px;">
           //this is center tab part
       </div>
  </div>
</div>