Assign

1. Demo AstrolAssign

Nota
El componente puede recibir cualquier tipo de lista de objetos en sus propiedades UnAssignedList y AssignedList, para ello es obligatorio que una de las propiedades sea representada en el componente usando el parámetro PropertyShow.
También puede especificar en el caso que lo dese que su objeto tiene una propiedad única que no se muestra pero la usa para su procesamiento interno para ello se usa el parámetro PropertyUnique.
El parámetro PropertyUnique no es requerido pero en el caso de no ser especificado el asume que el parámetro PropertyShow lo es único.

Not assigned

20/20

Juan

María

Pedro

Ana

Luis

Laura

Carlos

Sofía

Miguel

Lucía

Andrés

Carolina

Javier

Valeria

Ricardo

Isabel

Roberto

Daniela

Gonzalo

Camila

Assigned

0/0

Not assigned: Juan, María, Pedro, Ana, Luis, Laura, Carlos, Sofía, Miguel, Lucía, Andrés, Carolina, Javier, Valeria, Ricardo, Isabel, Roberto, Daniela, Gonzalo, Camila

Assigned:

@using Astrol.Component.Basic.Assign

<AstrolAssign TItem="Person"

 Height="300px"

 UnAssignedList="unAssignedList"

 AssignedList="assignedList"

 PropertyShow="@nameof(Person.Name)"

 PropertyUnique="@nameof(Person.Id)"

 UnAssignedTitle="Not assigned"

 AssignedTitle="Assigned"

 PlaceholderInputSearch="Search..."

 OnChange="HandleMyEvent" />

@code {

 List<Person> assignedList = new List<Person>();

 List<Person> unAssignedList = new List<Person>()

 new Person() { Id = 1, Name = "Juan", Age = 25, Sex = true },

 new Person() { Id = 2, Name = "María", Age = 30, Sex = false },

 new Person() { Id = 3, Name = "Pedro", Age = 40, Sex = true },

 new Person() { Id = 4, Name = "Ana", Age = 35, Sex = false },

 new Person() { Id = 5, Name = "Luis", Age = 28, Sex = true },

};

 private void HandleMyEvent((List<Person>, List<Person>) items)

 unAssignedList = items.Item1;

 assignedList = items.Item2;

 public class Person

 public int Id { get; set; }

 public string Name { get; set; }

 public int Age { get; set; }

 public bool Sex { get; set; }

Parámetros que admite

UnAssignedTitle (string), título de la primera columna de elementos, por defecto es (No asignados).
AssignedTitle (string), título de la segunda columna de elementos, por defecto es (Asignados).
PlaceholderInputSearch (string), placeholder del input de búsqueda, por defecto es (Buscar).
BorderRadius (string), radio del borde ambas columnas (por defecto es 5px).
Outline (bool), si desea no tenga relleno (por defecto es false).
Height (string), altura de ambas columnas (por defecto es 300px).
PropertyShow (string), propiedad de la lista de objetos a representar en ambas columnas.
PropertyUnique (string), propiedad única de la lista de objetos a representar (se usa para su procesamiento interno), no es requerida y en caso de no existir el componente asume que el parámetro PropertyShow es único.
TItem (tipo genérico), objeto, entidad o modelo que se desea usar en el componente.
UnAssignedList (List<TItem>?), lista de elementos TItem no asignados.
AssignedList (List<TItem>?), lista de elementos TItem asignados.
OnChange (EventCallback<(List<TItem>, List<TItem>)>), evento que se lanza cuando se asignan o no elementos de una lista a otra, para que de este modo se obtengan los cambios.