氏名(姓),(名)を登録するWebフォーム(FormView)を作成しております。
以下のようなインターフェースを実装したいです。
-------
▼View1(フォーム入力画面)
氏名(姓)「TextBox」
氏名(名)「TextBox」
ボタン「確認画面へ」
-------
▼View2(フォーム確認画面)
氏名(姓)「Label」
氏名(名)「Label」
ボタン「入力画面へ戻る」
ボタン「登録」
-------
入力画面と確認画面を、MultiViewで切り替えをしようとしています。
しかし確認画面の「登録」ボタンが作動しません。
(ブラウザで同じ画面をリロードはしますが、DBには格納されず・・・)
MultiViewの配置のしかたに悪戦苦闘をしております。
以下がソースとなるのですが、MultiViewの入れ子のような事は出来ないでしょうか?
もしくは「InsertButton」「UpdateButton」ボタンを確認画面に配置したいのですが。
何かアドバイス頂きたいです。
どうぞ宜しくお願い致します。
※実装方法はMultiViewでなくもかまわないです。(戻るボタンは必要ですが。)
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
▼WebForm.aspx
<asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">
<asp:View ID="View1" runat="server">
<asp:FormView ID="FormView1" runat="server"
DataSourceID="SqlDataSource1"
DefaultMode="Edit">
----------------------------------------------------
<EditItemTemplate>
<table>
<tr><th>氏名(姓)</th><td>
<asp:TextBox ID="NameSeiTextBox" runat="server" Text='<%# Bind("NameSei") %>' /></td></tr>
<tr><th>氏名(名)</th><td>
<asp:TextBox ID="NameSeiTextBox" runat="server" Text='<%# Bind("NameSei") %>' /></td></tr>
</table>
<br>
<asp:ValidationSummary ID="ValidationSummary1" runat="server"/>
<asp:View ID="View2" runat="server">
<asp:Button ID="UpdateButton" runat="server" CausesValidation="True" CommandName="Update" Text="登録"/>
</asp:View>
</EditItemTemplate>
----------------------------------------------------
<InsertItemTemplate>
<table>
<tr><th>氏名(姓)</th><td>
<asp:TextBox ID="NameSeiTextBox" runat="server" Text='<%# Bind("NameSei") %>' /></td></tr>
<tr><th>氏名(名)</th><td>
<asp:TextBox ID="NameSeiTextBox" runat="server" Text='<%# Bind("NameSei") %>' /></td></tr>
</table>
<asp:ValidationSummary ID="ValidationSummary1" runat="server"/>
<asp:View ID="View2" runat="server">
<asp:Button ID="InsertButton" runat="server" CausesValidation="True" CommandName="Insert" Text="登録"/>
</asp:View>
</InsertItemTemplate>
----------------------------------------------------
<ItemTemplate>
<table>
<tr><th>氏名(姓)</th><td>
<asp:TextBox ID="NameSeiTextBox" runat="server" Text='<%# Bind("NameSei") %>' /></td></tr>
<tr><th>氏名(名)</th><td>
<asp:TextBox ID="NameSeiTextBox" runat="server" Text='<%# Bind("NameSei") %>' /></td></tr>
</table>
～ReadOnlyのため登録ボタンは配置しない～
</ItemTemplate>
</asp:FormView>
----------------------------------------------------
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConflictDetection="CompareAllValues"
ConnectionString="<%$ ConnectionStrings:xxxConnectionString %>"
InsertCommand="～～～Insert文～～～"
OldValuesParameterFormatString="original_{0}"
SelectCommand="～～～Select文～～～"
UpdateCommand="～～～Update文～～～">
<InsertParameters>
<asp:Parameter Name="NameSei" Type="String" />
<asp:Parameter Name="NameMei" Type="String" />
</InsertParameters>
<SelectParameters>
<asp:QueryStringParameter Name="Id" QueryStringField="Id" Type="Int32" />
</SelectParameters>
<UpdateParameters>
<asp:Parameter Name="NameSei" Type="String" />
<asp:Parameter Name="NameMei" Type="String" />
</UpdateParameters>
</asp:SqlDataSource>
<asp:Button ID="Button4" runat="server" onclick="Button2_Click" Text="確認画面へ" />
</asp:View>
----------------------------------------------------
<asp:View ID="View2" runat="server">
<asp:Label ID="Label_NameSei" runat="server" Text="Label"></asp:Label>
<asp:Label ID="Label_NameMei" runat="server" Text="Label"></asp:Label>
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="入力画面へ戻る" />
<asp:Button ID="InsertButton" runat="server" CausesValidation="True" CommandName="Insert" Text="登録"/>
</asp:View>
</asp:MultiView>
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
▼aspx.cs
//MultiView入力画面の表示
protected void Button1_Click(object sender, EventArgs e)
{
MultiView1.ActiveViewIndex = 0;
}
//MultiView確認画面の表示
protected void Button2_Click(object sender, EventArgs e)
{
MultiView1.ActiveViewIndex = 1;
}
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
