こんな感じの画面です。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqsFSNx5dV6Urz2u2-lLgD9Ru9qM8MS9tzMpKRokz5oM1i3KtIfHsFVCIYJSPXdp2HG5DYAxtsSJ74lVJFabJga8BvS5BmXnLlogj-iVVPGrtC2zukOxo4lM4Hyczwg6-0X7WxqiPcBzU/s400/Image3.png)
で、今回も先に、コードをさらします。
まずは、~/Admin/AddUser.aspxの内容から。
<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="ContentPlaceHolder1">
<asp:CreateUserWizard ID="CreateUserWizard1" runat="server" OnCreatedUser="CreateUserWizard1_CreatedUser">
<WizardSteps>
<asp:CreateUserWizardStep ID="CreateUserWizardStep1" runat="server">
<ContentTemplate>
<table border="0">
<tr>
<td align="center" colspan="2">
新しいアカウントにサインアップ
</td>
</tr>
<tr>
<td align="right">
<asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName">ユーザー名:</asp:Label>
</td>
<td>
<asp:TextBox ID="UserName" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName"
ErrorMessage="ユーザー名が必要です。" ToolTip="ユーザー名が必要です。" ValidationGroup="CreateUserWizard1">*</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td align="right">
<asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password">パスワード:</asp:Label>
</td>
<td>
<asp:TextBox ID="Password" runat="server" TextMode="Password"></asp:TextBox>
<asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password"
ErrorMessage="パスワードが必要です。" ToolTip="パスワードが必要です。" ValidationGroup="CreateUserWizard1">*</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td align="right">
<asp:Label ID="ConfirmPasswordLabel" runat="server" AssociatedControlID="ConfirmPassword">パスワードの確認入力:</asp:Label>
</td>
<td>
<asp:TextBox ID="ConfirmPassword" runat="server" TextMode="Password"></asp:TextBox>
<asp:RequiredFieldValidator ID="ConfirmPasswordRequired" runat="server" ControlToValidate="ConfirmPassword"
ErrorMessage="パスワードの確認入力が必要です。" ToolTip="パスワードの確認入力が必要です。" ValidationGroup="CreateUserWizard1">*</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td align="right">
<asp:Label ID="EmailLabel" runat="server" AssociatedControlID="Email">電子メール:</asp:Label>
</td>
<td>
<asp:TextBox ID="Email" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="EmailRequired" runat="server" ControlToValidate="Email"
ErrorMessage="電子メールが必要です。" ToolTip="電子メールが必要です。" ValidationGroup="CreateUserWizard1">*</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td align="right">
<asp:Label ID="QuestionLabel" runat="server" AssociatedControlID="Question">セキュリティの質問:</asp:Label>
</td>
<td>
<asp:TextBox ID="Question" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="QuestionRequired" runat="server" ControlToValidate="Question"
ErrorMessage="セキュリティ質問が必要です。" ToolTip="セキュリティ質問が必要です。" ValidationGroup="CreateUserWizard1">*</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td align="right">
<asp:Label ID="AnswerLabel" runat="server" AssociatedControlID="Answer">セキュリティ返答:</asp:Label>
</td>
<td>
<asp:TextBox ID="Answer" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="AnswerRequired" runat="server" ControlToValidate="Answer"
ErrorMessage="セキュリティ返答が必要です。" ToolTip="セキュリティ返答が必要です。" ValidationGroup="CreateUserWizard1">*</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td colspan="2">
<asp:CheckBoxList ID="CheckBoxList1" runat="server" RepeatDirection="Horizontal"
DataSourceID="ObjectDataSource1" DataTextField="RoleName" DataValueField="RoleName">
</asp:CheckBoxList>
<asp:ObjectDataSource ID="ObjectDataSource1" runat="server" SelectMethod="GetAllRole"
TypeName="Library.DAC.RoleInfo"></asp:ObjectDataSource>
</td>
</tr>
<tr>
<td align="center" colspan="2">
<asp:CompareValidator ID="PasswordCompare" runat="server" ControlToCompare="Password"
ControlToValidate="ConfirmPassword" Display="Dynamic" ErrorMessage="パスワードと確認用パスワードは一致しなければなりません。"
ValidationGroup="CreateUserWizard1"></asp:CompareValidator>
</td>
</tr>
<tr>
<td align="center" colspan="2" style="color: Red;">
<asp:Literal ID="ErrorMessage" runat="server" EnableViewState="False"></asp:Literal>
</td>
</tr>
</table>
</ContentTemplate>
</asp:CreateUserWizardStep>
<asp:CompleteWizardStep ID="CompleteWizardStep1" runat="server">
</asp:CompleteWizardStep>
</WizardSteps>
</asp:CreateUserWizard>
</asp:Content>
もちろん、こんな長いコードをコードで打ったわけではありません。VisualStudioのデザインビューで操作していたらこんな長くなっちゃっただけです。あとから、デザインビューの操作を記述します。
続いて、コードビハインド。
using System;
using System.Web.Security;
using System.Web.UI.WebControls;
namespace Library.Admin
{
public partial class AddUser : LibPage
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void CreateUserWizard1_CreatedUser(object sender, EventArgs e)
{
CheckBoxList cbl = CreateUserWizardStep1.Controls[0].FindControl("CheckBoxList1") as CheckBoxList;
if (cbl != null)
{
foreach (ListItem tmp in cbl.Items)
{
if (tmp.Selected)
{
Roles.AddUserToRole(CreateUserWizard1.UserName, tmp.Text);
}
}
}
}
}
}
今回のシステムでは、ユーザ登録と同時にロール登録もしてしまうようにしたのでその部分だけをコード化しています。そういえば、コードビハインドの部分、スケルトンでは冒頭のusing行がいっぱい出てくるんだけど、要らないものがいっぱいあるので、いったんコード作成が完了したら、コード画面で右クリックしてUsingの整理(削除および並び替え)をしておいたほうがすっきりします。
今回も、AddUser2.aspxを元にデザイン操作を見ていきます。
準備として、何時も通りの編集で、こんなコードにしておきます。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AddUser2.aspx.cs" Inherits="Library.Admin.AddUser2"
MasterPageFile="~/Admins.Master" StylesheetTheme="Standard" %>
<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="ContentPlaceHolder1">
</asp:Content>
次にデザイン、今回は並べて表示で見ていきます。
こんな画面から、
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvPd3W-M7EEAvNUy-KK3kpSyL7XTNcMATims83sF5ALah8AlEW5vtGFNHIiEGr4z9kp6djrTdmRsjAy-7azhsuGC83siypP6hlJlaoz_DJptN3TSUzXhaCLi4CIkclTOa1rQ_qD_8jxro/s400/Image5.png)
まず左の方、CreateUserWizardコントロールを配置。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfzuzsd0Ft3k2WaEvWu_BQvsikQC2r2ZgEuYJCZfvkLLjknu-1ioN9s2_5ic-phskuTkCLy8ASdqEqNt4gTt-q07Wb5n6Da4N4US9zPb3GVbKWd_mK1F3IPLzqxUmOaeiztzooN5Og4So/s400/Image7.png)
続いて、ユーザ作成ステップのカスタマイズを選びます。(ここでデザインのファイルサイズがぐぐっと増大)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEippO3LqCKA-WZwrQj2SjEClxwPCcDS_X_Kk7zXid-Qrrho_Bfbv7c8KkZDA2gF3ZYnoOsr_K7Tw7w5-lmPjT8NHK8DfM7bTdIBUjNAoB5Jau6edy3uLp7rEDpFgqcCo7VM-oR-AwbfgTQ/s400/Image9.png)
ドキュメントアウトラインを参考に、並べて表示の上の画面で、tr,tdタグを入れて場所を確保します。保存すれば、デザインの方も反映されます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixYCjzZkZQzu38QP1ZvBttRXDRQcYug8jdPV81jib6LxoJHdo1nXAew0L8NajNVgpw7LhBCfTeEqmWtm6qNWguFKIy31LJ0boNq_Ksq9Y6Ghi8qc-oKxAJRAC8awYvkjZAX668Hs6a9b4/s400/Image11.png)
続いて確保した場所にCheckBoxListコントロールを配置します。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTy8SINR_K8dmdFkUsXDQa0KIoxOBKNZxBeFEL7T2JKeJlNIy-5vZkltJUlayOkTBMrR01RVX8XED8jmQ74HXRgviHHeB3wLcrVDv6u62Nl38UdEZTL0DWmLrSIvviRkFyFpopDKglwGU/s400/Image13.png)
データソースの選択で、新しいデータソース、オブジェクトを選択します。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKYNUef_6pA2lFZk1VVSwlC5U5rOwNmh2aTEWT8ALrczpRV1UEoBVj8PlEPEDNzIoy-0GD50-Pg65VOTxwaZTsXKUmZ7T7qjP9XJJ-b-OlOJUcYOlbCEML1zavXbIgJ4yP5C5fP1cmWNE/s400/Image17.png)
DACのコードにデータコンポーネント指定のアトリビュートを付けておけばチェックボックスを外さなくても
選べたんだけど。。。付けてなかったのでチェックを外して選びます。(DAC,DataSet,DataAdapterの作成は次回に解説します。)
で、Selectの部分で、作っておいたメソッドを指定します。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglVDljkPdY-Abo0Q63YxcxtAwRzebitenZC_kzQJ-sep4Ez3sBWptl5u5_f3kJcUSZxpGPFlisSPlR9lP2toFS_vEj1hrhMY6pcAWhu4fnQrVP99SvutVJsbQqP2eJ2AhwoacLOrSZyw0/s400/Image19.png)
このWizardの最後に、チェックボックスに指定する値を選択します。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP1gb5Sklj82L4KRgi1iVvWj8PtH7iFgOu4w-rmGFtIKVxBjWLZp4yVEJy6xYVHC5rKQVW2bOJbSS5Qb6fnYVXF1mAewT_SJumXoaQ3UFwIBkFmYyp3aC5KUH0WaxPpu8luU23Y380kNQ/s400/Image23.png)
このコントロールを選んで、イベントを設定。
CreateUserWizardを選択した状態で、プロパティタブで稲妻アイコンをクリックして、CreateUserの右のドロップダウンリストが出ているところでダブルクリックするとイベントハンドラが設定され、コードビハインド画面に行く。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFYfEPEHHcTno_azIDJ3FffGeRTQZSpW_PPXn0iEgBUUnzCBaAfPKRvAtT2VilPdXePbjI1STE21rmK-sSoJX8Snz-vL3c8VycvsXhLUkSszxdAF9EgcKlg2yiK1vOCuG5kbDaaQ-_ryA/s400/Image26.png)
ここで最初のコードを記述する。
0 件のコメント:
コメントを投稿