2010-11-23 12 views
0

デスクトップのようなルックアンドフィールでWebアプリケーションを継承しました。レイアウトのためにテーブルを使用します。私は、GUIの "パネル"を(分割ペインのように)サイズ変更可能にする必要があります。テーブルベースのレイアウトをサイズ変更可能にする

私は達成するために必要なものの例:http://demos.dojotoolkit.org/demos/mail/(サイズ変更可能なコンテンツ領域)

しかし、その代わりに、私は非常に複雑にネストされたテーブルを使用する必要があり、レイアウトのためのdivを使用します。そこに私はこれを達成させる何かがありますか、レイアウト用のテーブルを使用しないようにコードを変換する必要がありますか?

+1

ネストされたテーブル... yuk!入れ子にされたテーブルがあなたの家に侵入し、あなたのテレビを盗んで、あなたのビールを飲みます。 – mingos

+0

TDの幅を%で設定しようとしましたか? – Mic

+0

@Micこれは現時点でのアプローチですが、スプリッターをクリックしてドラッグしてパネルのサイズを手動で変更できるようにする機能要求があります。この質問は、実際にダイビングをしてから、レイアウトテーブルを一回だけ取り除く前の最後の試みです。 –

答えて

0

警告:私はサードパーティ製品を推奨しようとしています。それがあなたを怒らせるなら、読書をやめてください。あなたの時間とは対照的に、あなたはサードパーティ製のソフトウェアの費用を正当化することができる場合

、その後私はTelerikのコントロールをお勧めします:彼らは非常に完全に機能しているスプリッタを持っています。それは私のために本当にうまくいく。

DEMO

0

それでも、私はあなたのテーブルレイアウトを提案することを意味するものではありません。あなたがこのテーブルの混乱から安全な時間を借りることができる場合は、それがあなたとぶつかり始める前に。ここで

resizable tablesの例。

<script type='text/javascript' src='resizable-tables.js'></script> 

とスタイルシート:

<link rel='stylesheet' href='resizable.css' type='text/css' media='screen' /> 

も定義され!doctypeはあなたがあまりにもすることを持っている必要がありますトリックがありそこにスクリプトを含めることが表示されます。このページのソースを表示します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<!-- it is transitional only because of using width='xx%' property in table example --> 
<html xmlns='http://www.w3.org/1999/xhtml'><head> 
関連する問題