2

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

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

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

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

这是我现在所拥有的：

当前实施

我打算把它变成这样。。

计划实施

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

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

4

1 回答 1

0

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

注意文档本身的布局.... :).. 它与您所要求的（我认为）相同.. 查看源代码可能会对您有所帮助.. 因为我做了同样的...只是让当然..您离开中心区域的宽度和高度自动（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>
于 2013-02-20T13:18:44.303 回答