7/23/2019 Practica ASP

http://slidepdf.com/reader/full/practica-asp 1/16

PRACTICA DE ASP.NET

CONTROLES OBJECTDATASOURCE, GRIDVIEW Y DETAILSVIEW

1. Abrir el website “AdoSPCRUD”

2. El website cargado se muestra de la siguiente manera:

. !a base de datos "ue usa el website se #isuali$a de la siguiente manera en el

ser#er e%&lorer

7/23/2019 Practica ASP

http://slidepdf.com/reader/full/practica-asp 2/16

'. Agregar un nue#o (ormulario web al website

). *ombrar la &+gina “,aestroDetalle.as&%”

-. nsertar una tabla en la &+gina/ seleccionando la siguiente o&ci0n del men:

7/23/2019 Practica ASP

http://slidepdf.com/reader/full/practica-asp 3/16

. Seleccionar los siguientes #alores &ara la tabla

3. !a a&ariencia de la &+gina es la siguiente:

7/23/2019 Practica ASP

http://slidepdf.com/reader/full/practica-asp 4/16

4. Recom&ilar la soluci0n15.Agregar el control 6b7ectDataSource al 8eb9orm en la &rimera la de la tabla

11.Se muestra lo siguiente:

12.Dar clic; sobre la o&ci0n “Congure Data Source”

7/23/2019 Practica ASP

http://slidepdf.com/reader/full/practica-asp 5/16

1.Seleccionar la clase <oo;sDA!/ tal como se muestra en la gura:

1'.Dar clic; en “*e%t”

1).Se muestra la siguiente &antalla

7/23/2019 Practica ASP

http://slidepdf.com/reader/full/practica-asp 6/16

1-.Seleccionar el m=todo “>et<oo;s!ist” &ara la o&eraci0n “Select”

1.Seleccionar el m=todo “U&date<oo;” &ara la o&eraci0n “U&date”

7/23/2019 Practica ASP

http://slidepdf.com/reader/full/practica-asp 7/16

13.Seleccionar el m=todo “Add<oo;” &ara la o&eraci0n “nsert”

14.Seleccionar el m=todo “Delete<oo;” &ara la o&eraci0n “Delete”. !uego dar

clic; en “9inis?”.

7/23/2019 Practica ASP

http://slidepdf.com/reader/full/practica-asp 8/16

25.Agregar el control “Details@iew” en la segunda la de la tabla/ el control se

encuentra en:

21.Al agregar el control se muestra lo siguiente:

7/23/2019 Practica ASP

http://slidepdf.com/reader/full/practica-asp 9/16

22.Seleccionar el control Data Source: “6b7ectDataSource1”

2.Dar clic; en “Auto 9ormat” &ara seleccionar un (ormato al control.

Seleccionar la o&ci0n “Pro(essional”

7/23/2019 Practica ASP

http://slidepdf.com/reader/full/practica-asp 10/16

2'.Seleccionar al control Details@iew &ara dirigirnos a la barra de &ro&iedades B

seleccionar &ara la &ro&iedad “De(ault,ode” la o&ci0n “nsert”

2).!a a&ariencia de los controles es la siguiente:

2-.Dar clic; al Smart ag del control Details@iew B seleccionar la o&ci0n

“nserting”/ tal como se muestra en la siguiente imagen

2.Retirar la lnea de c0digo siguiente:

7/23/2019 Practica ASP

http://slidepdf.com/reader/full/practica-asp 11/16

23.Agregar el control >rid@iew en la cuarta la de la tabla

24.Seleccionar los siguientes #alores en el Smart ag del control >rid@iew.

5.El as&ecto del >rid@iew es el siguiente:

7/23/2019 Practica ASP

http://slidepdf.com/reader/full/practica-asp 12/16

1.Seleccionar el (ormato &ara el >rid@iew: “Pro(essional”

2.Seleccionar la &ro&iedad “DataeB*ames” e ingresar el #alor “<oo;id”

.Retirar la siguiente lnea de c0digo del control >rid@iew

7/23/2019 Practica ASP

http://slidepdf.com/reader/full/practica-asp 13/16

'.ngresar el tamaFo de la &+gina del >rid@iew: PageSi$e G )

).Recom&ilar el website

-.Seleccionar el Smart ag del >rid@iew B marcar la o&ci0n “Edit Columns”

.Se muestra la siguiente &antalla

7/23/2019 Practica ASP

http://slidepdf.com/reader/full/practica-asp 14/16

3.Seleccionar el cam&o “Price” B dar clic; en el enlace “Con#ert t?is eld into a

 em&late9ield” B luego dar clic; en “6;”/ tal como se muestra en la gura:

4.El c0digo laBout modicado &ara el cam&o “Price” de acuerdo a la acci0n

anterior se indica en la imagen:

7/23/2019 Practica ASP

http://slidepdf.com/reader/full/practica-asp 15/16

'5.Agregar el (ormato de moneda al tem&late del cam&o “Price”/ tal como se

a&recia en la gura:

'1.Recom&ilar el website

'2.,arcar como &+gina de inicio a “,aestroDetalle.as&%”

'.E7ecutar la a&licaci0n

7/23/2019 Practica ASP

http://slidepdf.com/reader/full/practica-asp 16/16