Seleccionando un Ítem en el DataGrid del WPF Toolkit

En un post anterior, mostramos como ligar el DataGrid del WPF toolkit a una colección de entidades generadas en el entity framework vía una capa de lógica de negocios. En este post vamos a obtener la fila seleccionada en el grid por parte del usuario y lo vamos a desplegar en una ventana en modo diálogo.

En este caso, vamos a presentar el usuario seleccionado con doble clic del mouse sobre el registro deseado en el DataGrid del toolkit de WPF. Pero antes de llevar a cabo esta tarea, tenemos que preparar la pantalla en la cual vamos a presentar los detalles del usuario. Para este ejemplo, vamos a utilizar la pantalla DetalleUsuario.xaml utilizada también en un post anterior para agregar usuarios a la base de datos. 

Lo primero que vamos a hacer es crear un constructor en la pantalla que me permita recibir el usuario como parámetro para poder desplegarlo. Una vez recibida la entidad usuario, procedemos a asignarlo a cada uno de los componentes que representan los atributos de la entidad en la pantalla – existen varias formas de hacer databinding en WPF, en este caso vamos a usar la que a mi criterio es la más simple de entender, en post posteriores vamos a ver las diferentes formas de hacer databinding en WPF. El código para llevar a cabo esta tarea es el siguiente:

public DetalleUsuario( )
{
    InitializeComponent( );
}

public DetalleUsuario( Usuario usuario )
{
    InitializeComponent( );
    txtNombre.Text = usuario.Nombre;
    txtApellido1.Text = usuario.Apellido1;
    txtApellido2.Text = usuario.Apellido2;
    txtEmail.Text = usuario.Email;

}

Seguidamente vamos a crear un manejador para el evento doble clic del DataGrid de usuarios en la pantalla AdministracionDeUsuarios.xaml. Para llevar a cabo esta tarea, marcamos el grid, vamos a las propiedades del mismo, y seleccionamos el botón con un ícono de rayo en el tool bar de las propiedades, esto presentará los eventos disponibles del control. Por último buscamos el evento MouseDoubleClick y le damos doble click para que genere el manjeador del evento automáticamente.

Una vez generado el handler del evento procedemos a codificar la selección del ítem y la invocación de la pantalla que presenta el detalle del ítem seleccionado.

private void dgUSuarios_MouseDoubleClick( object sender, System.Windows.Input.MouseButtonEventArgs e )
{
    Usuario usuarioSeleccionado = dgUSuarios.SelectedItem as Usuario;
    DetalleUsuario detalle = new DetalleUsuario(usuarioSeleccionado);
    detalle.ShowDialog( );
}

Como podemos ver en el código anterior, la propiedad del grid que nos devuelve el row seleccionado es SelectedItem. En esta misma línea convertimos la fila seleccionada al tipo del objeto que queremos obtener, esto con el operador as.  Este operador tiene la ventaja de que trata de convertir la fila al objeto seleccionado, y si no puede llevar a cabo la conversión, establece la variable usuarioSeleccionado con un valor de null. En este caso la conversión se va a dar, dado que el datagrid esta ligado a una colección – lista – de entidades de usuario. Por último creamos la instancia de la forma donde vamos a presentar el detalle, pero utilizamos el constructor que acabamos de crear, pasándole el usuario obtenido de la selección del Datagrid. Para finalizar, presentamos la pantalla con el detalle.

Technorati Tags: WPF Toolkit DataGrid,C#,Entity Framework