PRACTICA DE ASP.

NET
CONTROLES OBJECTDATASOURCE, GRIDVIEW Y DETAILSVIEW
1. Abrir el website AdoSPCRUD
2. El website cargado se muestra de la siguiente manera:

3. La base de datos que usa el website se visualiza de la siguiente manera en el

server explorer

4. Agregar un nuevo formulario web al website

5. Nombrar la pgina MaestroDetalle.aspx

6. Insertar una tabla en la pgina, seleccionando la siguiente opcin del men:

7. Seleccionar los siguientes valores para la tabla

8. La apariencia de la pgina es la siguiente:

9. Recompilar la solucin
10.Agregar el control ObjectDataSource al WebForm en la primera fila de la tabla

11.Se muestra lo siguiente:

12.Dar click sobre la opcin Configure Data Source

13.Seleccionar la clase BooksDAL, tal como se muestra en la figura:

14.Dar click en Next

15.Se muestra la siguiente pantalla

16.Seleccionar el mtodo GetBooksList para la operacin Select

17.Seleccionar el mtodo UpdateBook para la operacin Update

18.Seleccionar el mtodo AddBook para la operacin Insert

19.Seleccionar el mtodo DeleteBook para la operacin Delete. Luego dar

click en Finish.

20.Agregar el control DetailsView en la segunda fila de la tabla, el control se

encuentra en:

21.Al agregar el control se muestra lo siguiente:

22.Seleccionar el control Data Source: ObjectDataSource1

23.Dar click en Auto Format para seleccionar un formato al control.

Seleccionar la opcin Professional

24.Seleccionar al control DetailsView para dirigirnos a la barra de propiedades y

seleccionar para la propiedad DefaultMode la opcin Insert

25.La apariencia de los controles es la siguiente:

26.Dar click al Smart Tag del control DetailsView y seleccionar la opcin

Inserting, tal como se muestra en la siguiente imagen

27.Retirar la lnea de cdigo siguiente:

28.Agregar el control GridView en la cuarta fila de la tabla

29.Seleccionar los siguientes valores en el Smart Tag del control GridView.

30.El aspecto del GridView es el siguiente:

31.Seleccionar el formato para el GridView: Professional

32.Seleccionar la propiedad DataKeyNames e ingresar el valor Bookid

33.Retirar la siguiente lnea de cdigo del control GridView

34.Ingresar el tamao de la pgina del GridView: PageSize = 5

35.Recompilar el website
36.Seleccionar el Smart Tag del GridView y marcar la opcin Edit Columns

37.Se muestra la siguiente pantalla

38.Seleccionar el campo Price y dar click en el enlace Convert this field into a
TemplateField y luego dar click en Ok, tal como se muestra en la figura:

39.El cdigo layout modificado para el campo Price de acuerdo a la accin

anterior se indica en la imagen:

40.Agregar el formato de moneda al template del campo Price, tal como se

aprecia en la figura:

41.Recompilar el website

42.Marcar como pgina de inicio a MaestroDetalle.aspx

43.Ejecutar la aplicacin