- PR -

GridLayoutで要素順に表示する方法

1
投稿者投稿内容
kkk
常連さん
会議室デビュー日: 2004/09/17
投稿数: 33
投稿日時: 2005-06-21 13:38
現在VS.NETを使用し、ASP.NETで開発を行っています。

VS.NETでの開発なので、できればデザインが簡単にできるGridLayoutを使いたいのですが、縦幅が可変となる要素(datagrid)があり、その下にくる要素にかぶってしまいます（datagridの下のボタンなど）。
GridLayoutのままこれを回避する方法はないのでしょうか？flowLayoutに変更しないとだめでしょうか？

詳しい方いらっしゃいましたら、ご指導お願いします。
hira
常連さん
会議室デビュー日: 2004/05/07
投稿数: 33
投稿日時: 2005-06-21 15:09
こんにちは。Hiraです。

引用:

VS.NETでの開発なので、できればデザインが簡単にできるGridLayoutを使いたいのですが、縦幅が可変となる要素(datagrid)があり、その下にくる要素にかぶってしまいます（datagridの下のボタンなど）。
GridLayoutのままこれを回避する方法はないのでしょうか？flowLayoutに変更しないとだめでしょうか？


DaraGridを＜div＞で囲んだらどうでしょうか？
そうすれば、スクロールもつけれますし。

ただし、＜div＞で囲んだDataGridは、FlowLayoutになってしまった気が･･･
（まあ、DataGridだけならFlowLayoutになっても問題ないと思いますが。）



ぼのぼの
ぬし
会議室デビュー日: 2004/09/16
投稿数: 544
投稿日時: 2005-06-21 17:29
引用:

hiraさんの書き込み (2005-06-21 15:09) より:
ただし、＜div＞で囲んだDataGridは、FlowLayoutになってしまった気が･･･
（まあ、DataGridだけならFlowLayoutになっても問題ないと思いますが。）

ツールボックスのHTMLからGrid Layout PanelとFlow Layout Panelが選べますよ。
前者がGridLayoutのdivです。
kkk
常連さん
会議室デビュー日: 2004/09/17
投稿数: 33
投稿日時: 2005-06-21 19:24
貴重な情報の提供ありがとうございました。

しかし、試してみましたが、うまくいきません。（というか使い方がよくわかりません）

たとえば、以下のようなレイアウトの場合、Grid Layout Panelを使用して、下部ボタンがdatagrid（可変でデータが増える）にかぶさらないようにするには、どのように実装するのでしょうか？

----------
|datagrid|
----------
<bottun>

※関連する別件ですが、VS.NETでASP開発時、みなさんGridLayoutを利用しているのでしょうか？flowLayoutの方が拡張性が高いのでしょうか？
ぼのぼの
ぬし
会議室デビュー日: 2004/09/16
投稿数: 544
投稿日時: 2005-06-22 16:26
引用:

kkkさんの書き込み (2005-06-21 19:24) より:
以下のようなレイアウトの場合、Grid Layout Panelを使用して、下部ボタンがdatagrid（可変でデータが増える）にかぶさらないようにするには、どのように実装するのでしょうか？
----------
|datagrid|
----------
<bottun>

イメージとしては、datagridを囲っている矩形の大きさを固定してしまう感じ。スタイルシートでdivのoverflow属性を設定すると、溢れた場合はスクロールするようになります。インラインフレーム使った時みたいなイメージです。

http://www.tohoho-web.com/css/reference.htm#overflow

もし、スクロールが嫌で、ボタンの位置そのものが下にずれるようにしたかったらTableがお薦め。
+--------+
|datagrid|
+--------+
|<bottun>|
+--------+

引用:

※関連する別件ですが、VS.NETでASP開発時、みなさんGridLayoutを利用しているのでしょうか？flowLayoutの方が拡張性が高いのでしょうか？

要件次第。Windowの大きさによって、均等割付的イメージになるのが良ければFlowLayout。私の場合特に決まってなければ基本的にはGridLayoutですね。Windows Formに近い感覚でデザインできるので。上記のように相対的に位置を変えなければいけない部品がある場合は、画面そのものはGridLayoutにしといて、一部だけ内部がFlowLayoutになるような部品（divとかtableとか)を配置してその中に入れてやります。
1

スキルアップ／キャリアアップ（JOB@IT）