Jquery EasyUI 标签布局

Question

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

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

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

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

这是我现在拥有的:

我打算把它变成这样..

谁能帮我开发一个像 css 这样的布局，它在北部区域有我的标题，在西部区域有垂直链接，在中心区域有一个 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>