我正在使用jQuery EasyUI选项卡开发一个web应用程序。
我在应用程序的左侧有几个垂直链接,单击这些链接,就会在顶部的水平jQuery EasyUI选项卡条上添加新的选项卡。
我通过点击垂直链接使用addTab()
函数实现了这一点。这将添加一个以iFrame为内容的选项卡,并在此iFrame中加载子页。一切正常,但我不想垂直或水平地“包含”页面。
使用jQuery EasyUI tabs迫使我这样做,因为它附带了jQuery EasyUI-tabs-container css,它生成了一个框,其中加载了iframe。
以下是我现在的情况:
我打算这样做。。
有人能帮我开发一个像css这样的布局吗?它的标题在北部地区,bertical链接在西部地区,jQuery EasyUI标签面板在中部地区。
页面滚动必须仅用于中心区域。
最佳答案
我实现了同样的功能,在easyui中使用layout
。。。这里是docs。。。
注意文档本身的布局。。。。:).. 这和你要的是一样的。。查看源代码可能有助于解决。。因为我也这么做了。。。只要确定。。你离开你的中心区域的宽度和高度自动(100%)。。这将为你提供所需的滚动条。。
更新
使用easyui布局类
<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>