AccessデータへのDetailsViewを用いた挿入法のバックアップ差分(No.3)

追加された行はこの色です。
削除された行はこの色です。
#freeze
閲覧総計：&counter();　　（本日：&counter(today);　　昨日：&counter(yesterday);)

　１件のデータ項目が多い場合の「新規データ追加」は、GridViewの最下列を利用して
入力作業を行うより、DetailsViewの画面を利用し、１件の内容を１ページに大きく表示し、
新規データ入力を行う方が作業効率が高い。

　今回は、DetailsViewの「Insert」画面を利用した「新規データ入力」画面を作成してみた。　09/11/23
　今回は、DetailsViewの「Insert」画面を利用したMS Access DBへの「新規データ
入力」画面を作成してみた。　09/11/23

【方法】
・新規データ入力用のDetailsViewInsert01.aspxと、データ一覧表示用のGridViewEdit01.aspx
の２つのファイルを用いる。
・DetailsViewのプロパティの「DefaultMode」を「Insert」にし、新規登録画面を表示する。
・DetailsViewInsert01.aspxにデータ挿入の以下のコードを書く。
  InsertCommand="INSERT INTO [名簿] ([名前], [年齢]) VALUES (?, ?)"
 
  <InsertParameters>
      <asp:Parameter Name="名前" Type="String" />
      <asp:Parameter Name="年齢" Type="Int16" />
  </InsertParameters>
・新規データ入力が完了したら「データ一覧表示」へ移動するコードを書く。
 Protected Sub DetailsView1_ItemInserted(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DetailsViewInsertedEventArgs)
     Response.Redirect("GridViewEdit01.aspx")
 End Sub

開発環境：VWD2005 + Access2003
サーバ：ASP.NET2.0 + Access2003

【機能】DetailsViewで１件を１ページで新規データの入力を行う。
データ一覧表示はGridViewで行う。GridViewの「編集｣機能も動作する。

【稼働画面】
#ref(DetailsViewInsert01.JPG);

Accessデータベース名：MyDB.mdb
テーブル名：名簿
|~フィールド名|~データ型|~フィールドサイズ|
|ID (主キー)|オートナンバー型|長整数型|
|名前|テキスト型|50|
|年齢|数値型|整数型|

※VWD2005、ASP.NET2.0環境ではAccess2007のDBファイル形式(*.accdb)は利用できな
い模様。DBファイルは「Acces2002-2003形式(*.mdb)」で保存して利用する。

コントロールの設定値
|~コントロールID|~コントロール|~プロパティ|~値|~コメント|
|GridView1|編集フィールド|ButtonType|Button|LinkButtonをButtonに変更|
~
|~コントロールID|~プロパティ|~値|~コメント|
|DetailsView1|DefaultMode|Insert|新規登録画面を表示|

【DetailsViewInsert01.aspx】（新規データの入力）
 <%@ Page Language="VB" %>
 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
 <script runat="server">
 
     '新規データ登録後にデータ一覧ページへ移動する
     Protected Sub DetailsView1_ItemInserted(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DetailsViewInsertedEventArgs)
         Response.Redirect("GridViewEdit01.aspx")
     End Sub
     
     'データ一覧ページへ戻るボタン
     Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
         Response.Redirect("GridViewEdit01.aspx")
     End Sub
     
 </script>
 
 <html xmlns="http://www.w3.org/1999/xhtml" >
 <head runat="server">
     <title>DetailsViewでの新規データ追加</title>
 </head>
 <body>
     <form id="form1" runat="server">
     <div>
         DetailsViewでの新規データ追加 09/11/23<br />
         <br />
         <asp:DetailsView ID="DetailsView1" runat="server" AutoGenerateInsertButton="True"
             AutoGenerateRows="False" DataSourceID="AccessDataSource1" Height="50px" Width="200px" DefaultMode="Insert" OnItemInserted="DetailsView1_ItemInserted">
             <Fields>
                 <asp:BoundField DataField="名前" HeaderText="名前" SortExpression="名前" />
                 <asp:BoundField DataField="年齢" HeaderText="年齢" SortExpression="年齢" />
             </Fields>
         </asp:DetailsView>
         <asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/App_Data/MyDB.mdb"
             InsertCommand="INSERT INTO [名簿] ([名前], [年齢]) VALUES (?, ?)"
             SelectCommand="SELECT [名前], [年齢] FROM [名簿]">
             <InsertParameters>
                 <asp:Parameter Name="名前" Type="String" />
                 <asp:Parameter Name="年齢" Type="Int16" />
             </InsertParameters>
         </asp:AccessDataSource>
         <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="一覧へ戻る" /><br />
         <br />
     
     </div>
     </form>
 </body>
 </html>

【GridViewEdit01.aspx】（データ一覧の表示）
 <%@ Page Language="VB" %>
 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
 <script runat="server">
     
     'データ新規登録のDetailsView画面へ移動
     Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
         Response.Redirect("DetailsViewInsert01.aspx")
     End Sub
     
 </script>
 
 <html xmlns="http://www.w3.org/1999/xhtml" >
 <head runat="server">
     <title>DetailsViewでの新規データ追加</title>
 </head>
 <body>
     <form id="form1" runat="server">
     <div>
         DetailsViewでの新規データ追加 09/11/23<br />
         （データ一覧表示はGridViewで）<br />
         <br />
         <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="新規登録" /><br />
         <asp:GridView ID="GridView1" runat="server" AllowPaging="True" AllowSorting="True"
             AutoGenerateColumns="False" DataKeyNames="ID" DataSourceID="AccessDataSource1"
             EmptyDataText="表示するデータ レコードがありません。" PageSize="5">
             <Columns>
                 <asp:BoundField DataField="ID" HeaderText="ID" InsertVisible="False" ReadOnly="True"
                     SortExpression="ID" />
                 <asp:BoundField DataField="名前" HeaderText="名前" SortExpression="名前" />
                 <asp:BoundField DataField="年齢" HeaderText="年齢" SortExpression="年齢" />
                 <asp:CommandField ButtonType="Button" ShowEditButton="True" />
             </Columns>
         </asp:GridView>
         <asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="App_Data\MyDB.mdb"
             DeleteCommand="DELETE FROM [名簿] WHERE [ID] = ?"
             InsertCommand="INSERT INTO [名簿] ([ID], [名前], [年齢]) VALUES (?, ?, ?)"
             SelectCommand="SELECT [ID], [名前], [年齢] FROM [名簿] ORDER BY [ID] DESC"
             UpdateCommand="UPDATE [名簿] SET [名前] = ?, [年齢] = ? WHERE [ID] = ?">
             <DeleteParameters>
                 <asp:Parameter Name="ID" Type="Int32" />
             </DeleteParameters>
             <InsertParameters>
                 <asp:Parameter Name="ID" Type="Int32" />
                 <asp:Parameter Name="名前" Type="String" />
                 <asp:Parameter Name="年齢" Type="Int16" />
             </InsertParameters>
             <UpdateParameters>
                 <asp:Parameter Name="名前" Type="String" />
                 <asp:Parameter Name="年齢" Type="Int16" />
                 <asp:Parameter Name="ID" Type="Int32" />
             </UpdateParameters>
         </asp:AccessDataSource>
         </div>
     </form>
 </body>
 </html>


【参考にしたページ】
　　なし

【ハマリポイントの紹介】
・DetailsViewの「挿入」LinkButtonを普通のButtonに変える方法がわからなくて苦労した。

（見付けて方法の備忘メモ）
・DetailsViewの「DetailsViewタスク」の「フィールドの編集」の「CommandField」の
「新規、挿入、キャンセル」をダブルクリック。　「CommandFieldプロパティ」の
「ButtonType」を「Link」→「Button」に変更。です。
#ref(DetailsViewButton.JPG);


#comment_nospam
#vote(参考になった[0],ふつう[0],参考にならなかった[0])
AccessデータへのDetailsViewを用いた挿入法 のバックアップ差分(No.3)

AccessデータへのDetailsViewを用いた挿入法のバックアップ差分(No.3)
