Jquery EasyUI 选项卡布局

Question

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

我在应用程序的左侧有几个垂直链接，单击这些新选项卡将添加到顶部的水平 jQuery EasyUI 选项卡条上。

我通过在点击垂直链接时使用addTab() 函数来实现这一点。这将添加一个以 iFrame 作为其内容的选项卡，并在此 iframe 中加载子页面。一切正常，但我不想垂直或水平“包含”页面。

使用 jQuery EasyUI 选项卡迫使我这样做，因为它带有 jQ​​uery easyUI - 选项卡 - 容器 css，它会创建一个加载 iframe 的框。

这是我现在所拥有的：

我打算把它变成这样..

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

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

Answer 1

我实现了相同的，通过在easyui中使用layout...这里是docs...

注意文档本身的布局.. :).. 它与您要求的（我认为）相同.. 查看源代码可能会对您有所帮助.. 因为我也这样做了.. . 只要确保.. 你离开你的中心区域的宽度和高度自动 (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>