ユーザー管理グリッド追加
ユーザー管理画面のグリッドはGridViewコントロールを使って定義します(リスト2)。ユーザー情報の取得、変更、削除にはモデルバインドを使い、それぞれの処理をコードビハインドに記載することとします。
…(略)…
<%-- (1) モデルバインド設定 --%>
<asp:GridView ID="UserGridView" runat="server" AutoGenerateColumns="False"
ItemType="UserManagementSite.Models.ApplicationUser" DataKeyNames="Id"
SelectMethod="SelectUser" UpdateMethod="UpdateUser" DeleteMethod="DeleteUser">
<Columns>
<%-- (2) 編集用ボタン列 --%>
<asp:TemplateField ShowHeader="False">
<ItemTemplate>
<asp:Button ID="EditButton" runat="server" CausesValidation="False" CssClass="btn btn-default"
CommandName="Edit" Text="編集" />
<asp:Button ID="DeleteButton" runat="server" CausesValidation="False" CssClass="btn btn-default"
CommandName="Delete" Text="削除"
OnClientClick="return confirm('削除してよいですか?');" />
</ItemTemplate>
<EditItemTemplate>
<asp:Button ID="UpdateButton" runat="server" CausesValidation="True" CssClass="btn btn-default"
CommandName="Update" Text="更新"
ValidationGroup="UpdateUser" />
<asp:Button ID="CancelButton" runat="server" CausesValidation="False" CssClass="btn btn-default"
CommandName="Cancel" Text="キャンセル" />
</EditItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="電子メール">
<ItemTemplate>
<%#: Item.Email %>
</ItemTemplate>
<%-- (3) 電子メール編集用項目 --%>
<EditItemTemplate>
<asp:TextBox runat="server" ID="Email" CssClass="form-control" TextMode="Email"
Text='<%# BindItem.Email %>' />
<asp:RequiredFieldValidator runat="server" ControlToValidate="Email"
CssClass="text-danger" Display="Dynamic" ErrorMessage="電子メール フィールドは必須です。" />
</EditItemTemplate>
</asp:TemplateField>
<%-- (4) パスワード変更用項目 --%>
<asp:TemplateField HeaderText="パスワード" ItemStyle-Width="300">
<EditItemTemplate>
入力用 :
<asp:TextBox runat="server" ID="Password" TextMode="Password" CssClass="form-control" />
確認用 :
<asp:TextBox runat="server" ID="ConfirmPassword" TextMode="Password" CssClass="form-control" />
<asp:CompareValidator runat="server" ControlToCompare="Password" ControlToValidate="ConfirmPassword"
CssClass="text-danger" Display="Dynamic" ErrorMessage="パスワードと確認のパスワードが一致しません。" />
</EditItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
…(略)…
(1)GridViewコントロールへのモデルバインド設定
モデルバインドを使って更新処理を行うため、更新キーとなる項目の"Id"をDataKeyNamesプロパティに、SelectMethodプロパティに"SelectUser"、UpdateMethodプロパティに"UpdateUser"、DeleteMethodプロパティに"DeleteUser"を設定します。
(2)ボタン列追加
レコードを編集状態にするための編集ボタンと削除ボタンをItemTemplateに追加します。そして、更新ボタン、キャンセルボタンは編集状態で表示させるため、EditItemTemplateに追加します。削除ボタンはクリック時に確認ダイアログを表示するため、OnClientClickプロパティにそのためのJavaScriptコードを設定しておきます。
(3)電子メール編集用項目追加
電子メール入力用のテキストボックス、並びに必須入力チェックを行うRequiredFieldValidatorコントロールを、EditItemTemplateに追加します。これらの項目は、Register.aspxファイルを参考にするとよいでしょう。
(4)パスワード変更用項目追加
セキュリティを考えてパスワードは画面に表示しませんが、入力したときだけ変更を行えるように、入力用と確認用のテキストボックス、並びに双方に同じ値を入力したかどうかを検証するためのCompareValidatorコントロールをEditItemTemplateに追加します。これらの項目も電子メールと同様にRegister.aspxファイルを参考にしましょう。
ユーザー情報の取得方法
ASP.NET Identityにて、最も簡単にユーザー情報の一覧を取得するには、UserManagerクラスのUsersプロパティを使います。このプロパティの型はIQueryable<TUser>であり、そのままLINQで操作できます。
実際にこのプロパティを利用してユーザーを取得するSelectUserメソッドを、先ほど作成したUsers.aspx.csファイルに追加します(リスト3)。
…(略)…
namespace UserManagementSite
{
public partial class Users : System.Web.UI.Page
{
private ApplicationUserManager manager;
protected void Page_Init(object sender, EventArgs e)
{
// 色々なメソッドで使用するため、UserManagerオブジェクトをフィールドに保管しておく
manager = Context.GetOwinContext().GetUserManager<ApplicationUserManager>();
}
/// <summary>
/// ユーザーをユーザー名順で取得します。
/// </summary>
public IEnumerable<ApplicationUser> SelectUser()
{
return manager.Users.OrderBy(user => user.UserName);
}
…(略)…
ユーザーをユーザー名順に並び替えるため、UserrManager.Usersプロパティに対してLINQのOrderByメソッドを使います。
