VS2005 C#にてASP WEBアプリを開発しております。
GridViewにて1レコードを2行単位で該当件数分表示したい。
その方法をご存知の方、ご教授頂けませんか?
==============================================
ヘッダーヘッダーヘッダーヘッダーヘッダー
==============================================
データ1 データ3 データ5
----------------------------------------------
データ2 データ4 データ6
==============================================
データ1~6までを1単位として
該当件数分出力したい。
No.4ベストアンサー
- 回答日時:
お返事がないようなので、もしかしたら、下記のソース見にくかったでしょうか?
宜しければ下記ご参考下さい。
http://techbank.jp/Community/blogs/mymio/archive …
宜しくお願いします。
参考URL:http://techbank.jp/Community/blogs/mymio/archive …
返事が遅れまして大変、申し訳ありません。
今回の課題は一旦、おいておく形にしていました。
参考にさせていただきます。有り難うございました。
No.3
- 回答日時:
度々すいません。
いろいろとやってみたところ、GridViewでもご希望の通りのものができそうです。
GridViewなら更新処理や削除処理もできますので、より思いのままになるかと思います。
サンプルコード、一応、掲載しておきますね。
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" AutoGenerateEditButton="True" DataSourceID="SqlDataSource1" CellPadding="4" ForeColor="#333333" GridLines="Horizontal">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<table border="0" cellpadding="0" cellspacing="0" style="background-color:#6666FF;">
<tr>
<td style="background-color:#6666FF; width: 20px;" colspan="3">
<asp:Label runat="server" ID="id" Text='<%# Eval("id") %>' />
</td>
<td style="background-color:#6666FF; width: 100px;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><asp:Label runat="server" ID="Label1" Text='<%# Eval("データ1") %>' /></td>
</tr>
<tr>
<td><asp:Label runat="server" ID="Label2" Text='<%# Eval("データ2") %>' /></td>
</tr>
</table>
</td>
<td style="background-color:#6666FF; width: 100px;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><asp:Label runat="server" ID="Label3" Text='<%# Eval("データ3") %>' /></td>
</tr>
<tr>
<td><asp:Label runat="server" ID="Label4" Text='<%# Eval("データ4") %>' /></td>
</tr>
</table>
</td>
<td style="background-color:#6666FF; width: 100px;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><asp:Label runat="server" ID="Label5" Text='<%# Eval("データ5") %>' /></td>
</tr>
<tr>
<td><asp:Label runat="server" ID="Label6" Text='<%# Eval("データ6") %>' /></td>
</tr>
</table>
</td>
</tr>
</table>
</ItemTemplate>
<EditItemTemplate>
<table>
<tr>
<td style="background-color:#6666FF; width: 20px;" colspan="3">
<asp:Label runat="server" ID="id" Text='<%# Eval("id") %>' />
</td>
<td style="background-color:#6666FF">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><asp:TextBox runat="server" ID="TextBox1" Text='<%# Eval("データ1") %>' /></td>
</tr>
<tr>
<td><asp:TextBox runat="server" ID="TextBox2" Text='<%# Eval("データ2") %>' /></td>
</tr>
</table>
</td>
<td style="background-color:#6666FF">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><asp:TextBox runat="server" ID="TextBox3" Text='<%# Eval("データ3") %>' /></td>
</tr>
<tr>
<td><asp:TextBox runat="server" ID="TextBox4" Text='<%# Eval("データ4") %>' /></td>
</tr>
</table>
</td>
<td style="background-color:#6666FF">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><asp:TextBox runat="server" ID="TextBox5" Text='<%# Eval("データ5") %>' /></td>
</tr>
<tr>
<td><asp:TextBox runat="server" ID="TextBox6" Text='<%# Eval("データ6") %>' /></td>
</tr>
</table>
</td>
</tr>
</table>
</EditItemTemplate>
</asp:TemplateField>
</Columns>
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<RowStyle BackColor="#EFF3FB" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<EditRowStyle BackColor="#2461BF" />
<AlternatingRowStyle BackColor="White" />
</asp:GridView>
<br />
<br />
<br />
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
SelectCommand="SELECT [id], [データ1], [データ2], [データ3], [データ4], [データ5], [データ6] FROM [Table1]" UpdateCommand="UPDATE Table1 SET データ1 = @データ1, データ2 = @データ2, データ3 = @データ3, データ4 = @データ4, データ5 = @データ5, データ6 = @データ6 WHERE (id = @id)">
<UpdateParameters>
<asp:Parameter Name="データ1" Type="String" />
<asp:Parameter Name="データ2" Type="String" />
<asp:Parameter Name="データ3" Type="String" />
<asp:Parameter Name="データ4" Type="String" />
<asp:Parameter Name="データ5" Type="String" />
<asp:Parameter Name="データ6" Type="String" />
<asp:Parameter Name="id" Type="Int32" />
</UpdateParameters>
</asp:SqlDataSource>
No.2
- 回答日時:
アドバイスしたものの私自身もあれから気になったんで、やってみました。
具体的なソース例が欲しいそうだったので、実装した結果を掲載しておきますね。<%@ Page Language="C#" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<%@ Register Assembly="C1.Web.C1Command.Classic.2" Namespace="C1.Web.C1Command" TagPrefix="c1c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>無題のページ</title>
</head>
<body>
<form id="form1" runat="server">
<asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">
<HeaderTemplate>
<table>
<tr>
<th>ヘッダ1</th>
<th>ヘッダ2</th>
<th>ヘッダ3</th>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td style="background-color:#CCFFCC">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><asp:Label runat="server" ID="Label1" Text='<%# Eval("データ1") %>' /></td>
</tr>
<tr>
<td><asp:Label runat="server" ID="Label2" Text='<%# Eval("データ2") %>' /></td>
</tr>
</table>
</td>
<td style="background-color:#CCFFCC">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><asp:Label runat="server" ID="Label3" Text='<%# Eval("データ3") %>' /></td>
</tr>
<tr>
<td><asp:Label runat="server" ID="Label4" Text='<%# Eval("データ4") %>' /></td>
</tr>
</table>
</td>
<td style="background-color:#CCFFCC">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><asp:Label runat="server" ID="Label5" Text='<%# Eval("データ5") %>' /></td>
</tr>
<tr>
<td><asp:Label runat="server" ID="Label6" Text='<%# Eval("データ6") %>' /></td>
</tr>
</table>
</td>
</tr>
</ItemTemplate>
<SeparatorTemplate>
<tr style="border:1px; border-style:solid;"><td></td></tr>
</SeparatorTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
SelectCommand="SELECT [データ1], [データ2], [データ3], [データ4], [データ5], [データ6] FROM [Table1]">
</asp:SqlDataSource>
</form>
</body>
</html>
DataListって申し上げましたが、この機能を実現するには、GridViewではなく、Repeaterコントロール使うとできそうです。
(ただし、編集させたり、選択させたりするようなことをお求めであれば、方法はまた考えなければなりませんが・・・)
表示だけならこれでいけますので、ご参考にしてみてください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
-
ハマっている「お菓子」を教えて!
この世には、おいしいお菓子がありすぎて……。 次何を食べたらいいか迷っています。 みなさんが今、ハマっている「お菓子」を教えてください!
-
【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
2024年は「名探偵コナン30周年」「涼宮ハルヒ20周年」などを迎えますが、 あなたが「もうそんなに!?」と驚いた○○周年を教えてください。
-
ホテルを選ぶとき、これだけは譲れない条件TOP3は?
ホテルを探す時、予約サイトで希望条件の絞り込みができる便利な世の中。 あなたは宿泊先を決めるとき「これだけは譲れない」と思う条件TOP3を教えてください。
-
ちょっと先の未来クイズ第4問
11月ごろに発表される、2024年の「新語・流行語大賞」にノミネートされる言葉を書けるだけ書いてください。
-
架空の映画のネタバレレビュー
映画のCMを見ていると、やたら感動している人が興奮で感想を話していますよね。 思わずストーリーが気になってしまう架空の感動レビューを教えて下さい!
-
GridViewの行の一部を複数行にする
Microsoft ASP
-
ASP.NET(VB)VBソースからJavascriptの関数を呼ぶには
Microsoft ASP
-
GridviewとDataGridviewの違い
Microsoft ASP
-
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
TRタグの余白をcssで設定するには
-
ホームページ 表の上の余白を...
-
HTMLで文とテーブルの間が空く。
-
tableにul,または,olを入れられ...
-
表の一部を結合するには?
-
テーブルのヘッダとボディの幅...
-
44行目: パラメータ '__format'...
-
スタイルシートで colspan=3と...
-
CSSだけで<table>の<td>や<tr>...
-
テーブルの大きさが変わらない...
-
値が0なら非表示にしたい
-
チェックボックスが複数チェッ...
-
テーブルの任意の列を非表示に...
-
テーブルの枠線(外内両方)を...
-
htmlで作成するテーブルの横線...
-
width指定したTDでwhite-space:...
-
文字列が入っているtdを削除せ...
-
ホームページビルダ14で、表の1...
-
テーブルの中のフォームについて
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
tableにul,または,olを入れられ...
-
TRタグの余白をcssで設定するには
-
cssで、表示されるテキストによ...
-
テーブルの任意の列を非表示に...
-
テーブルのヘッダとボディの幅...
-
ホームページ 表の上の余白を...
-
テーブルのセルに画像をピッタ...
-
中に<table></table>が使えるア...
-
文字列が入っているtdを削除せ...
-
逆L字の表(table)組み
-
スタイルシートで colspan=3と...
-
テーブルの装飾
-
EXCELのセル内にHTMLタグを含む...
-
tableの要素(tr、td)に一...
-
テーブルの表示がずれます
-
tableでcolspanを使うと次行以...
-
HTMLで文とテーブルの間が空く。
-
テーブルの行の高さを指定する...
-
値が0なら非表示にしたい
おすすめ情報