Estou trabalhando em meu primeiro projeto ASP.MVC com C# e estou brincando com o cadastro de alunos. Na página de cadastro do aluno há um CheckBox que quando marcado (imaginei eu) deve habilitar a adição de alergias que o aluno possa ter. Veja o banco (bem básico):
Em um WindowsForm eu teria um subform de alergias associado ao formulário do aluno, para que o usuário selecionasse quantas alergias quisesse em um grid ou em um listbox. Como resolver isso em desenvolvimento web? Estou confuso, porque a view está associada a um modelo, no caso aluno. Seu botão de submit grava na tabela Alunos... Então como, na página de cadastro do aluno, listar os itens da tabela Alergias para o usuário selecionar os que deseja. E depois como cadastrar na tabela AlergiasAlunos ao submeter a página Aluno?
Update-01:
Tenho agora este modelo:
public partial class Pessoa
{
[System.Diagnostics.CodeAnalysis.SuppressMessage("Microsoft.Usage", "CA2214:DoNotCallOverridableMethodsInConstructors")]
public Pessoa()
{
this.AlergiasPessoas = new HashSet<AlergiasPessoas>();
}
public int ID { get; set; }
public string nome { get; set; }
[System.Diagnostics.CodeAnalysis.SuppressMessage("Microsoft.Usage", "CA2227:CollectionPropertiesShouldBeReadOnly")]
public virtual ICollection<AlergiasPessoas> AlergiasPessoas { get; set; }
}
Este Controller:
// POST: Pessoas/Create
// To protect from overposting attacks, please enable the specific properties you want to bind to, for
// more details see http://go.microsoft.com/fwlink/?LinkId=317598.
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create([Bind(Include = "ID,nome")] Pessoa pessoa)
{
if (ModelState.IsValid)
{
db.Pessoa.Add(pessoa);
db.SaveChanges();
return RedirectToAction("Index");
}
return View(pessoa);
}
// GET: Pessoas/Edit/5
public ActionResult Edit(int? id)
{
if (id == null)
{
return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
}
Pessoa pessoa = db.Pessoa.Find(id);
if (pessoa == null)
{
return HttpNotFound();
}
return View(pessoa);
}
Personalizei ela com esta listbox:
<!-- Item adicionado para permitir selecionar Alergias-->
@{ CadastroAluno.Models.TESTEEntities Banco = new CadastroAluno.Models.TESTEEntities(); }
<div class="form-group">
<label class="control-label col-md-2" for="ID">Possui Alergia?</label>
<div class="col-md-10">
<input type="checkbox" onclick="ExibeItem(this.checked)" htmlAttributes="{ class = form-control }" />
</div>
</div>
<div class="form-group" id="Oculta" style="display:none">
@Html.LabelFor(model => model.AlergiasPessoas, "AlergiasPessoas", htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.ListBoxFor(model => model.AlergiasPessoas, new SelectList(Banco.AlergiasPessoas, "ID", "ID_Alergia"),
htmlAttributes: new { @class = "form-control" })
@Html.ValidationMessageFor(model => model.AlergiasPessoas, "", new { @class = "text-danger" })
</div>
</div>
<!-- - -->
e com este java:
<script type="text/javascript">
function ExibeItem(CheckBox) {
if (CheckBox == false) {
document.getElementById('Oculta').style.display = 'none';
} else {
document.getElementById('Oculta').style.display = 'block';
}
}
mas a ListBox continua vazia... Como preencher ela com os itens cadastrados na tabela Alergia?