Jquery EasyUI选项卡布局

我正在使用jQuery EasyUI选项卡开发一个Web应用程序。Jquery EasyUI选项卡布局

我在应用程序左侧有很少的垂直链接，点击上面的水平jQuery EasyUI标签条上的新标签。

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

使用jQuery EasyUI选项卡迫使我这样做，因为它带有jQuery easyUI - tabs - 容器CSS，它使得加载iframe的框成为可能。

这里就是我现在：

current implementation

我打算让这样的..

planned implementation

有人可以帮助我与发展中国家像一个布局css在北部地区有我的标题，在西部地区有bertical链接，在中心区域有一个jQuery EasyUI标签面板。

页面滚动必须只存在于中心区域。

来源

2013-02-20 user2090745

u能提供您的代码.. – sasi 2013-02-20 13:14:26

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

通知文件本身的布局.... :) ..这是什么一样，（我想）你要求..查看源可能会帮助你..因为我做了同样的...只是确保..你离开你的中心区域的widht和高度自动（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>

来源

2013-02-20 13:18:44 bipen

让我知道如果有任何问题 – bipen 2013-02-20 13:19:36

我想相同的外观和感觉准确的文档。我早些时候看到了这一点，但我无法为我的应用程序复制相同的内容。如果它与你确定，你能帮我用这段代码吗？ – user2090745 2013-02-20 13:29:31

更新的希望，可以帮助你... – bipen 2013-02-20 13:34:21

Jquery EasyUI选项卡布局

回答

相关问题