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選項卡布局

回答

相關問題