javascript - 如何向用户添加声明列表 - AspNet MVC with MongoDB
问题描述
@model Hub.MVC2.ViewModels.RegisterViewModel
@{
ViewBag.Title = "Registrar";
}
<h2>Registrar</h2>
@using (Html.BeginForm("Register", "RegisterAdmin", FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
{
@Html.AntiForgeryToken()
<div class="form-horizontal">
<h4>RegisterViewModel</h4>
<hr />
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<div class="form-group">
@Html.LabelFor(model => model.Nome, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Nome, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Nome, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.CpfCnpj, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.CpfCnpj, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.CpfCnpj, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.Email, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Email, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Email, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.Telefone, new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Telefone, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Telefone, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.Claims, new { @class = "control-label col-md-2" })
<div class="col-md-10">
<div class="row">
<div class="col-md-4">
<select id="ddlClaims" class="form-control"></select>
</div>
<div class="col-md-1">
@*<button id="addPermissao" type="button" class="plus plus-left" title="Adicionar permissão" onclick="SetClaim($('#ddlClaims').val(), '@Model' )">+</button>*@
<button id="addPermissao" type="button" class="plus plus-left" title="Adicionar permissão" >+</button>
</div>
</div>
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.Role, new { @class = "control-label col-md-2" })
<div class="col-md-10">
<div class="row">
<div class="col-md-4">
<select id="ddlRoles" class="form-control" name="Role"></select>
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-2" for="Claims">Lista Permissões</label>
<div class="col-md-4">
<table id="dtListaClaims" class="table"></table>
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.Password, new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Password, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Password, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.ConfirmPassword, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.ConfirmPassword, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.ConfirmPassword, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Create" class="btn btn-default" />
</div>
</div>
</div>
<div id="script"></div>
}
@section Scripts {
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")
<script src="~/Scripts/comum/RegisterAdmin/Register.js" type="text/javascript"></script>
}你好！
我正在尝试创建一个注册用户（管理员视图），我可以在其中设置用户的角色和声明，但是当我创建变量“用户”并尝试将声明列表设置为“声明 = {}”时代码不允许我添加列表。
我尝试通过调用方法或使用 foreach 语句进行设置，但没有成功。
我的控制器代码是：
public class RegisterAdminController : Controller
{
private readonly ClaimsBusiness _claims = new ClaimsBusiness();
private readonly RolesBusiness _roles = new RolesBusiness();
private static RegisterViewModel listaClaims = new RegisterViewModel();
// GET: RegisterAdmin
[AllowAnonymous]
public ActionResult Register()
{
return View();
}
[HttpPost]
[AllowAnonymous]
[ValidateAntiForgeryToken]
public async Task<ActionResult> Register(RegisterViewModel model)
{
// Esta linha tira a formatação da máscara criada via JQuery
Regex pattern = new Regex("[() -.,]");
if (ModelState.IsValid)
{
IdentityUserClaim claims;
List<IdentityUserClaim> listaIdentityUserClaim = new List<IdentityUserClaim>();
foreach (var indiceClaim in listaClaims.Claims)
{
claims = new IdentityUserClaim();
claims.Id = indiceClaim.Id.ToString();
claims.ClaimType = indiceClaim.ClaimType;
claims.ClaimValue = indiceClaim.Ativo.ToString();
listaIdentityUserClaim.Add(claims);
}
var user = new ApplicationUser
{
Nome = model.Nome,
PhoneNumber = model.Telefone,
CpfCnpj = model.CpfCnpj,
UserName = model.Email,
Email = model.Email,
Roles =
{
model.Role
},
Claims =
{
listaIdentityUserClaim
}
};
}
// If we got this far, something failed, redisplay form
return View(model);
}
[HttpGet]
public string GetClaims()
{
try
{
StringBuilder retornoHTML = new StringBuilder();
int i = 0;
var listClaims = Mapper.Map<IEnumerable<DClaimsInfra>, IEnumerable<ClaimsViewModel>>(_claims.GetAll());
retornoHTML.AppendLine("<option value='0'> --- Selecionar --- </option>");
foreach (var claim in listClaims)
{
if (claim.Ativo)
{
retornoHTML.AppendLine("<option value='" + claim.Id + "' id='" + claim.Id + "'>" + claim.ClaimType + "</option>");
}
}
return retornoHTML.ToString();
}
catch (Exception e)
{
Console.WriteLine(e);
throw;
}
}
[HttpGet]
public string GetRoles()
{
try
{
StringBuilder retornoHTML = new StringBuilder();
int i = 0;
var listRoles = Mapper.Map<IEnumerable<DRolesInfra>, IEnumerable<RolesViewModel>>(_roles.GetAll());
retornoHTML.AppendLine("<option value='0'> --- Selecionar --- </option>");
foreach (var role in listRoles)
{
if (role.Ativo)
{
retornoHTML.AppendLine("<option value='" + role.Id + "' id='" + role.Id + "'>" + role.Role + "</option>");
}
}
return retornoHTML.ToString();
}
catch (Exception e)
{
Console.WriteLine(e);
throw;
}
}
[HttpGet]
public string SetClaimsList(string claimId, RegisterViewModel model)
{
try
{
StringBuilder retornoHTML = new StringBuilder();
if (listaClaims.Claims == null)
listaClaims.Claims = new List<ClaimsViewModel>();
var getClaim = Mapper.Map<DClaimsInfra, ClaimsViewModel>(_claims.GetById(claimId));
listaClaims.Claims.Add(getClaim);
if (getClaim != null)
{
retornoHTML.AppendLine("<tr id='" + getClaim.Id + "'>");
retornoHTML.AppendLine(" <td>" + getClaim.ClaimType + "</td>");
retornoHTML.AppendLine(" <td><button id='removePermissao' type='button' class='minus minus-left' title='Remover permissão' onclick=\"RemoveClaim('" + claimId + "')\">−</button></td>");
retornoHTML.AppendLine("</tr>");
return retornoHTML.ToString();
}
return "Erro ao procurar permissão!";
}
catch (Exception e)
{
Console.WriteLine(e);
throw;
}
}
[HttpGet]
public bool RemoveClaimsList(string claimId)
{
try
{
if (listaClaims.Claims == null)
listaClaims.Claims = new List<ClaimsViewModel>();
var getClaim = Mapper.Map<DClaimsInfra, ClaimsViewModel>(_claims.GetById(claimId));
if (getClaim != null)
{
return listaClaims.Claims.Remove(listaClaims.Claims.Find(x => x.Id == getClaim.Id));
}
return false;
}
catch (Exception e)
{
Console.WriteLine(e);
throw;
}
}
}
我的模型：
public class RegisterViewModel
{
[Required]
[StringLength(100, ErrorMessage = "O campo {0} precisa ter no mínimo {2} caracteres.", MinimumLength = 6)]
[Display(Name = "Nome Completo")]
public string Nome { get; set; }
[Required]
[Display(Name = "CNPJ / CPF")]
public string CpfCnpj { get; set; }
[Required]
[EmailAddress]
[Display(Name = "Email")]
public string Email { get; set; }
[Required]
[Display(Name = "Telefone")]
public string Telefone { get; set; }
[Required]
[StringLength(100, ErrorMessage = "O campo {0} precisa ter no mínimo {2} caracteres.", MinimumLength = 6)]
[DataType(DataType.Password)]
[Display(Name = "Senha")]
public string Password { get; set; }
[DataType(DataType.Password)]
[Display(Name = "Confirmar Senha")]
[Compare("Password", ErrorMessage = "As senhas não conferem.")]
public string ConfirmPassword { get; set; }
[Display(Name = "Permissões")]
public List<ClaimsViewModel> Claims { get; set; }
[Display(Name = "Grupo de usuário")]
public string Role { get; set; }
}
我的观点：
@model Hub.MVC2.ViewModels.RegisterViewModel
@{
ViewBag.Title = "Registrar";
}
<h2>Registrar</h2>
@using (Html.BeginForm("Register", "RegisterAdmin", FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
{
@Html.AntiForgeryToken()
<div class="form-horizontal">
<h4>RegisterViewModel</h4>
<hr />
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<div class="form-group">
@Html.LabelFor(model => model.Nome, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Nome, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Nome, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.CpfCnpj, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.CpfCnpj, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.CpfCnpj, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.Email, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Email, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Email, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.Telefone, new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Telefone, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Telefone, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.Claims, new { @class = "control-label col-md-2" })
<div class="col-md-10">
<div class="row">
<div class="col-md-4">
<select id="ddlClaims" class="form-control"></select>
</div>
<div class="col-md-1">
@*<button id="addPermissao" type="button" class="plus plus-left" title="Adicionar permissão" onclick="SetClaim($('#ddlClaims').val(), '@Model' )">+</button>*@
<button id="addPermissao" type="button" class="plus plus-left" title="Adicionar permissão" >+</button>
</div>
</div>
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.Role, new { @class = "control-label col-md-2" })
<div class="col-md-10">
<div class="row">
<div class="col-md-4">
<select id="ddlRoles" class="form-control" name="Role"></select>
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-md-2" for="Claims">Lista Permissões</label>
<div class="col-md-4">
<table id="dtListaClaims" class="table"></table>
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.Password, new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Password, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Password, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.ConfirmPassword, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.ConfirmPassword, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.ConfirmPassword, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Create" class="btn btn-default" />
</div>
</div>
</div>
<div id="script"></div>
}
@section Scripts {
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")
<script src="~/Scripts/comum/RegisterAdmin/Register.js" type="text/javascript"></script>
}有人可以告诉我如何解决吗？
谢谢。
解决方案
解决了
在页面加载时，我需要通过 AJAX 调用控制器，获取数据库中的声明和角色列表，在控制器中构建列表 HTML 代码，并使 JavaScript 将内容添加到每个列表中。
我认识到将“红色代码”放入控制器并不是最佳实践，但它运作良好，我正在研究让它变得更好。
谢谢。
推荐阅读
- c - eBPF：如何从 `struct __sk_buff` 中获取与 sock 关联的套接字
- postgresql - 使用 docker-compose 时出现 Postgres 数据库连接问题
- node.js - 从 Node.js 脚本执行子进程，并将完整的输入和输出转发给它
- angular - 在 Angular 项目中需要一个 dojo 模块
- django - “用户”对象没有属性“is_staff”
- python - 在python中将json文件时间戳格式更改为日期时间的函数
- javascript - “Z”之前的值在 ISO8601 日期字符串中表示什么？
- bash - 如何通过关机触发systemd服务运行shell脚本，暂停直到脚本完成
- r - 在 r 中创建相同大小的循环中的空数据帧并给它们另一个数据帧的列名？
- swift - 从客户端发送通知 - Firebase Cloud Messaging - 以编程方式快速