!
Este guia demonstra como preencher um elemento html
usando o ASP.NET Core Select Tag Helper, exibindo dinamicamente os nomes dos funcionários enquanto armazenava seus IDs como valores.
1. Criação do modelo:
Primeiro, defina um modelo de exibição para manter a lista de funcionários:
classe pública FUNCHELYVIEWMODEL
{
public Int SelectedEmployeEID {get; definir; } // para armazenar o ID selecionado
Comentários públicos de string {get; definir; }
Public List Funcionários {get; definir; }
} public class EmployeeViewModel
{
public int SelectedEmployeeId { get; set; } // For storing the selected ID
public string Comments { get; set; }
public List Employees { get; set; }
}
funcionário classe:
funcionário da classe pública
{
public int id {get; definir; }
public string fullName {get; definir; }
} public class Employee
{
public int Id { get; set; }
public string FullName { get; set; }
}
2. Selecione a implementação do Helper Helper:
Em sua opinião, utilize o auxiliar de tag Select:
Método 1: Usando selectList :
@Model FuncionárioViewModel
selecione funcionário @model EmployeeViewModel
Select Employee
asp-for ligue o valor selecionado à propriedade selecionadaMPLAEEID
em seu modelo de visualização. O construtor selectList
pega a lista de funcionários, o nome da propriedade ID e o nome completo da propriedade.
Método 2: Usando ienumerable :
Para mais controle, CREATE
selectListItem Objetos:
@Model FuncionárioViewModel
selecione funcionário
@foreach (funcionário var no modelo.employees)
{
@funcionário.fullName
}
@model EmployeeViewModel
Select Employee
@foreach (var employee in Model.Employees)
{
@employee.FullName
}
3. População de dados (controlador):
Na sua ação do controlador, preencha o
FUNCHEN elevador :
public IActionResult MyAction ()
{
VAR Funcionários = Nova Lista
{
novo funcionário {id = 1, fullname = "shyju"},
novo funcionário {id = 2, fullname = "Bryan"}
};
var ViewModel = new FylementViewModel
{
Funcionários = funcionários
};
retornar visualização (ViewModel);
} public IActionResult MyAction()
{
var employees = new List
{
new Employee { Id = 1, FullName = "Shyju" },
new Employee { Id = 2, FullName = "Bryan" }
};
var viewModel = new EmployeeViewModel
{
Employees = employees
};
return View(viewModel);
}
4. Considerações importantes:
Manuseio de erro: Implemente o manuseio de erro adequado para interações do banco de dados.
vinculação de dados: Garanta a ligação correta de dados entre a visualização e o modelo de exibição.
opção padrão: sempre inclua uma opção padrão ("selecione funcionário" neste exemplo) para uma melhor experiência do usuário.
fonte de dados: substitua os dados do funcionário da amostra pela sua fonte de dados real (banco de dados, API, etc.).
Esta abordagem abrangente fornece uma maneira robusta e eficiente de preencher seu auxiliar de tag selecionado com dados de funcionários no ASP.NET Core MVC. Lembre -se de adaptar o código ao seu modelo de dados específico e ações do controlador.