2

jQueryEasyUIタブを使用してWebアプリケーションを開発しています。

アプリケーションの左側にいくつかの垂直リンクがあります。クリックすると、上部の水平jQueryEasyUIタブストリップに新しいタブが追加されます。

addTab()垂直リンクをクリックする機能を使用してこれを実装しました。これにより、コンテンツとしてiFrameを含むタブが追加され、このiframeに子ページが読み込まれます。すべてが正常に機能しますが、ページを垂直方向または水平方向に「含む」ことはしたくありません。

jQuery EasyUIタブを使用すると、jQuery easyUI --tabs --container cssが付属しているため、iframeが読み込まれるボックスが作成されます。

これが私が今していることです：

現在の実装

こんな感じにするつもりです。

計画された実装

誰かが、北の領域にヘッダーがあり、西の領域にバーティカルリンクがあり、中央の領域にjQueryEasyUIタブパネルがあるcssのようなレイアウトの開発を手伝ってもらえますか。

ページスクロールは、中央領域にのみ存在する必要があります。

4

1 に答える 1

0

layouteasyui で使用して、同じことを実装しました...ここにドキュメントがあります...

ドキュメント自体のレイアウトに注意してください.... :)..それはあなたが求めているものと同じです..（私は思う）あなたが求めているものと同じです..ソースを見ると助けになるかもしれません..私が同じことをしたからです...ちょうど作る確かに..中央の領域の幅と高さを自動（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 に答える