Ejemplo de cuadros de texto

EJEMPLO 1. CUADROS DE TEXTO
En este ejemplo vamos a ver la forma de crear cuadros de texto con los datos de vistas
Para ello disponemos de una vista con los datos de los alumnos.
En el formulario principal vamos a crear un desplegable donde elegiremos el usuario del cual
vamos a sacar los datos en el informe.
Empezamos creando un nuevo elemento “Web Form” llamado ejer1.aspx.
CREAR UN DESPLEGABLE FILTRAR LOS DATOS
En el formulario anterior, arrastramos el componente DropDownList para crear el desplegable.
Esto es necesario para que, al elegir un elemento del desplegable, muestre en el informe los
datos de esa persona. A ese componente, le tendremos que marcar la opción “Habilitar
AutoPostBack” para que recargue la página en cada cambio de selección.
Ahora es el momento de cargar los elementos del desplegable. Esta vez, vamos a cargar los
datos, tanto del desplegable como del informe, mediante objetos SqlDataSources.
Pulsamos sobre la pestañita superior derecha del DropDownList en modo diseño y elegimos
“Elegir origen de datos”.
El nuevo origen de datos va a ser de tipo “Base de datos”.
Creamos una nueva conexión si no la tenemos creada.
Le damos nombre a la nueva conexión.
Elegimos la sentencia que queremos ejecutar. En nuestro caso seleccionaremos que nos saque
todos los datos de alumnos que hay en la vista VREPORT_DATOSALU ordenados por nombre.
Y, finalmente, los campos de texto y valor del desplegable.
REPORTVIEWER
A continuación del desplegable, arrastraremos un nuevo componente ReportViewer con su
ScriptManager que será donde mostremos los datos.
Seleccionando sobre el objeto ReportViewer y viendo sus propiedades, cambiamos la llamada
“SizeToReportContent” a True. Esto hará que el ReportViewer se ajuste al tamaño que tenga el
informe.
INFORME
Ahora es el momento de crear el informe. Pulsamos con el botón derecho en el proyecto y
agregamos un nuevo elemento de tipo informe.
Lo primero que debemos hacer con el informe es crear el nuevo conjunto de datos. Para ello,
seleccionamos “nuevo/conjunto de datos…”. Como “origen de datos” seleccionamos el botón
nuevo y, dentro de él, escogemos la cadena de conexión creada anteriormente.
Y seleccionamos la vista VREPORT_DATOSALU.
ENLAZAR REPORT CON EL INFORME
Ahora es el momento de informar al ReportViewer de que datos va a pasarle al informe.
Al elegir el informe deseado, vemos que ya se nos crea un ObjectDataSource. Este objeto ha
sido creado automáticamente cuando le hemos asignado al informe un origen de datos. El
objeto hace uso del fichero xsd creado automáticamente en app_code.
Podríamos crear este objeto y crear un nuevo SqlDataSource como hemos hecho con el
desplegable, pero para ver todas las posibilidades vamos a utilizar este nuevo objeto.
Si probásemos el formulario ya nos devolvería resultados, pero al informe le llegarían todos los
datos sin filtrar.
Para ello, primero deberemos de cambiar la función del fichero xsd para que recoja un
parámetro y nos filtre los datos. Abriendo el fichero DataSet.xsd y seleccionando el método
GetData, nos aparecerán las propiedades de esa función. Pulsando sobre el valor de
“CommandText” vamos a cambiar su valor.
Agregamos un filtro en NIF llamado “:pNIF”. Podremos probar el resultado ejecutando la
consulta.
Ahora, para hacer que el método filtre el valor del desplegable, deberíamos ir a las
propiedades del objeto y pulsar sobre “SelectParameters”.
Agregamos un nuevo parámetro con nombre “pNIF” y que recoja los datos del DropDownList.
Los datos ya son filtrados, pero nuestro problema ahora es que el ReportViewer no refresca los
datos. Para ello solo es necesario colocar el siguiente código en el evento SelectedChanged del
DropDownList.
ReportViewer1.LocalReport.Refresh();
La sentencia hará que el ReportViewer se recargue cada vez que seleccionemos un elemento
del desplegable.
CUADROS DE TEXTO
En este ejemplo, solamente vamos a utilizar cuadros de texto, para ver la multitud de opciones
que posee.
El cuadro de texto es uno de los elementos más útiles que poseen los informes. Para utilizarlo,
solamente tendremos que ir arrastrando el elemento a la zona de trabajo.
TEXTO ESTÁTICO
Para escribir cualquier texto estático, arrastraremos un elemento campo de texto y, haciendo
doble Click sobre él, escribiremos el texto que deseamos que tenga.
A este cuadro de texto podremos darle el tamaño que queremos que tenga arrastrando los
ejes del mismo desde el menú de propiedades. En este menú podremos asignarle el formato
que queremos que tenga.
TEXTO DINÁMICO
Para agregar texto dinámico tendremos dos posibilidades:
-
Arrastrando uno de los datos del origen de datos sobre el informe, se creará un cuadro
de texto con la expresión necesaria para mostrar el dato.
-
Arrastrando uno de los datos de origen sobre un cuadro de texto.
TEXTO ESTATICO Y TEXTO DINÁMICO
Al arrastrar un cuadro de texto y escribir texto estático, podremos arrastrar un elemento del
origen de datos entre el texto y, de esa forma, el texto se adaptará al valor del dato.
EXPRESIONES
Para escribir una expresión o función en un cuadro de texto, tendremos que pulsar con el
botón derecho sobre el cuadro y seleccionar “Expresión…”.
Aquí podremos escribir multitud de expresiones ayudados por su asistente.
Como ejemplo vamos a crear una expresión para que el cuadro de texto muestre el nombre y
el apellido separados por un espacio.
Si seleccionamos conjunto de datos, veremos todos los datos disponibles, y pulsando doble
Click en el deseado, se nos colocará en el valor de la expresión.
Para concatenar, en “Operadores/Concatenación”, veremos que existen dos posibilidades, las
cuales son idénticas para cadenas.
Completando la expresión quedará de la siguiente forma:
Este tipo de expresión no tienen mucho sentido porque se puede hacer lo mismo arrastrando
los elementos. Vamos a ver un ejemplo en el que tenga sentido.
Tenemos el siguiente cuadro de texto y deseamos que, si el usuario no tiene valor en la base
de datos, no se escriba el texto “APELLIDO2”.
La expresión resultante quedará de la siguiente forma:
¿Qué pasaría ahora si quisiéramos poner en negrita el valor de los datos?
No podríamos seleccionar el texto deseado y darle formato porque en el cuadro de texto
aparece “<<expr>>”.
Existe la posibilidad de escribir el valor del cuadro de texto en HTML. Para ello debemos de
seleccionar sobre la expresión y, posteriormente, volver a pulsar encima.
Al hacerlo, aparecerá la propiedad “MarkupType”, la cual pondremos a HTML. Al hacer esto
tendremos que modificar la expresión de la siguiente forma:
NOTA: Los retorno de carro podríamos dejarlos como “Chr(10)”.
PASO DE PARÁMETROS
Hay veces que necesitamos pasar parámetros al informe que no vienen dados desde base de
datos. Por esa razón existe la posibilidad de crear Parámetros de entrada.
Para ello iremos al menú de “Datos de informe” y elegiremos “Nuevo/Parámetro”.
Al crear el parámetro podremos elegir el nombre y el tipo de dato, así como los valores
disponibles y predeterminados.
En nuestro ejemplo le daremos el nombre “Parametro1” de tipo texto y dejaremos el resto por
defecto.
El nuevo parámetro se nos creará en el informe como un dato más, y podremos hacer con él lo
mismo que con los datos del DataSet (arrastrar al informe, utilizarlo en las expresiones,…).
Para pasar el parámetro desde el ReportViewer tendremos que utilizar código. En el método
de SelectedChanged del desplegable utilizaremos las siguientes instrucciones:
//Será el valor del parámetro (podemos pasar lo que queramos)
int valor = DropDownList1.SelectedIndex + 1;
//Array que contendrá los parámetros
ReportParameter[] parameters = new ReportParameter[1];
//Establecemos el valor de los parámetros
parameters[0] = new ReportParameter("Parametro1", valor.ToString());
//Pasamos el array de los parámetros al ReportViewer
ReportViewer1.LocalReport.SetParameters(parameters);
//Refrescamos el ReportViewer
ReportViewer1.LocalReport.Refresh();
Para probarlo vamos a arrastrar el parámetro al informe y ver su valor.
Podemos apreciar que la primera vez que lanzamos la página el informe no se crea. Esto es
debido a que la primera vez no estamos pasando ningún parámetro.
Para corregir este error tendremos que poner también el anterior código en un evento del
DropDownList que se ejecute después de haber cargado sus datos, como por ejemplo el
evento DataBound.
OCULTAR ELEMENTOS
Tal como hemos hecho anteriormente con una parte de un cuadro de texto, vamos a hacer
que un elemento (cuadro de texto, imagen,…) se oculte para unos usuarios y se muestre para
otros. Vamos a hacerlo mediante el valor del parámetro.
Si el parámetro vale 1 mostraremos un cuadro de texto que pondrá “Eres el primero de la
lista”, si el parámetro vale 4 mostraremos otro cuadro diferente que ponga “Eres el último de
la lista” y, para los otros dos casos, mostraremos una imagen.
Creamos los dos cuadros. Se podría hacer con uno y utilizar expresiones, pero vamos a
aprender a ocultar los cuadros de texto de otra forma diferente.
Ahora, arrastramos la imagen y la importamos el informe. Más adelante, en otro ejemplo,
veremos todo lo que nos permite este elemento.
Pulsando con el botón derecho sobre la imagen y seleccionando la pestaña “Visibilidad”,
tenemos la posibilidad de mostrar u ocultar en función de una expresión. Para este ejemplo
utilizaremos la expresión:
Para los cuadros haremos lo mismo pero modificando la expresión:
HACER QUE LOS CUADROS DE TEXTO NO CAMBIEN DE TAMAÑO
Hay veces que necesitamos mantener los cuadros de texto fijos y, que su tamaño no varíe en
función del valor de las variables de su interior.
Esto puede ocasionar más de un quebradero de cabeza, ya que en informes donde se necesita
un cierto diseño, puede ocasionar desplazamientos inoportunos.
Para ello utilizaremos dos características de los cuadros de texto:
-“CanGrow”: Indica si el elemento del informe aumenta automáticamente de tamaño para
alojar un valor largo.
-“CanShrink”: Indica si el elemento del informe disminuye automáticamente de tamaño para
alojar un valor corto.