ASP.Net 2.0 メニュー

ページロード
ポストバック
入力チェック
ボタン実行時の処理
WebConfigの値を取得
正規表現によるチェック
ポップアップで画面を開く

コントロール関連
TextBox
TextChangedイベント処理
ドロップダウンリスト
カレンダー
HyperLink
MultiView
PropertyとListBox
DropDownListの選択毎に別なDropDownListの項目を変更
CheckBoxListのバインド時にチェック
DetailsView
asp:xmlコントロール

DataList関連
DataList
DataListのページング
DataListで選択、DetailsViewで表示

GridView関連
GridViewとXML
GridViewにボタンを追加
GridViewとSqlDataSource
SqlDataSourceに条件検索を追加
GridViewのDataSourceに配置
GridViewのDataSourceとページング
GridViewとObjectDataSource
GridViewにDataListを配置
GridViewにDropDownListを配置
GridViewにDropDownListの選択処理
GridViewに更新ボタン(SqlDataSource)
GridViewでXMLファイル更新
GridViewに行追加(DataTable)

FromView関連
データ表示、更新

SqlDataSource関連
SqlDataSourceでSELECT文発行
SqlDataSourceでINSERT文発行
SqlDataSourceでトランザクション

ファイル関連
ファイルアップロード
XMLファイル読み込み
ファイル読み込み
CSVファイルを読み込みGridViewに表示
xdoc2txtを実行する
iTextSharpでPDFファイル作成
JSON形式に変換
クラスデータをシリアライズ・デシリアライズ
Zipファイル作成
ファイルダウンロード

Excel関連
Excel出力
OLEDBを用いてExcelデータ抽出
OLEDBを用いてExcelにデータを挿入・更新

画面遷移Server.Transfer
セッションの利用
画面遷移の値の受け渡し
フォーム認証
Webアプリケーション全体の共有データ

DB関連
SQLServerに接続
SQLServerでトランザクション処理
ストアドプロシージャの実行
SQL文を非同期で発行
Oracleに接続
MySQLに接続

Ajax
ASP.Net2.0でAjaxを作成する
Timerコントロール

その他
メール送信
スクリプト文の実行
ライブドアのお天気情報を取得
Request送信

トップ
E-Mail
xml

ASP.Netで掲示板を作成しよう
VB.Netのお勉強
Excel マクロ・VBAのお勉強
PHPのお勉強
AJAXのお勉強
Webデザインのお勉強
Javaのお勉強
連想書籍検索
世界の観光地検索
路線図
総合サイトCocoaLiz
ネイルサロン検索
エステサロン検索
アロマサロン検索
アイビューティーサロン検索

DataListで選択してDetailsViewで表示@ASP.Net

DetaListで一覧を表示し、
選択された値を元にDetailsViewに詳細を表示します。

DetaList、DetailsViewを配置します。

DataListの設定を行います。
SqlDataSourceを作成します。
あるマスタテーブルを全件検索するSqlDataSourceを作成し、
DataListに設定します。

DataKeyFieldにキーを設定します。
また、ItemTemplateにはボタンを配置し、
表示したカラムのデータを表示します。
ボタンのCommandNameは、「Select」とします。

DetailsViewを設定します。
SqlDataSourceを作成します。
DetaListのキー項目による条件検索を作成します。

作成した、SqlDataSourceをDetailsViewに設定します。
Fieldsに表示したデータを設定します。

●aspx

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb"
Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>DataLIstとDetailsView</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <table cellpadding="5">
    <tr><td valign="top" style="width: 62px">
        <asp:DataList ID="dataList" runat="server" DataKeyField="ID"
        DataSourceID="dataListSource" CellPadding="4" ForeColor="#333333"
        Width="150px">
            <ItemTemplate>
                <asp:LinkButton ID="LinkButton1" CommandName="Select"
                runat="server" Text='<%# Eval("NAME") %>'></asp:LinkButton>
            </ItemTemplate>
            <FooterStyle BackColor="#5D7B9D" Font-Bold="True"ForeColor="White" />
            <AlternatingItemStyle BackColor="White" ForeColor="#284775" />
            <ItemStyle BackColor="#F7F6F3" ForeColor="#333333" />
            <SelectedItemStyle BackColor="#E2DED6" Font-Bold="True"ForeColor="#333333" />
            <HeaderTemplate>
                名前
            </HeaderTemplate>
            <HeaderStyle BackColor="#5D7B9D" Font-Bold="True"ForeColor="White" />
        </asp:DataList>
    </td><td style="width: 208px" valign="top">
        <asp:DetailsView ID="detailsView" runat="server" Height="50px"
        Width="300px" AutoGenerateRows="False" DataKeyNames="ID"
        DataSourceID="detailsViewSource" CellPadding="4" ForeColor="#333333"
        GridLines="None">
            <Fields>
                <asp:BoundField DataField="ID" HeaderText="ID" ReadOnly="True" SortExpression="ID" />
                <asp:BoundField DataField="NAME" HeaderText="NAME"SortExpression="NAME" />
            </Fields>
            <FooterStyle BackColor="#1C5E55" Font-Bold="True"ForeColor="White" />
            <CommandRowStyle BackColor="#C5BBAF" Font-Bold="True" />
            <RowStyle BackColor="#E3EAEB" />
            <FieldHeaderStyle BackColor="#D0D0D0" Font-Bold="True" />
            <PagerStyle BackColor="#666666" ForeColor="White"HorizontalAlign="Center" />
            <HeaderStyle BackColor="#1C5E55" Font-Bold="True"ForeColor="White" />
            <EditRowStyle BackColor="#7C6F57" />
            <AlternatingRowStyle BackColor="White" />
        </asp:DetailsView>
    </td></tr>
    </table>
    </div>
    <asp:SqlDataSource ID="dataListSource" runat="server"ConnectionString="<%$ ConnectionStrings:DBConnectionString %>"
        SelectCommand="SELECT [ID], [NAME] FROM [TABLE]"></asp:SqlDataSource>
    <asp:SqlDataSource ID="detailsViewSource" runat="server"ConnectionString="<%$ ConnectionStrings:DBConnectionString %>"
        SelectCommand="SELECT [ID], [NAME] FROM [TABLE] WHERE ([ID] = @ID)">
        <SelectParameters>
            <asp:ControlParameter ControlID="dataList" Name="ID"PropertyName="SelectedValue"Type="String" />
        </SelectParameters>
    </asp:SqlDataSource>
    </form>
</body>
</html>




Copyright (C) ASP.Netのお勉強. All Rights Reserved.