Puede definir lo que una vista mostrará a los usuarios durante el tiempo de ejecución.
Procedimiento
- Cambie a la página Diseño para añadir vistas y otros elementos a la vista.
Las vistas que se pueden añadir al diseño son vistas del kit de herramientas de IU. Para obtener más información sobre las vistas de IU disponibles, consulte
Kit de herramientas de IU.
- Si la vista tiene varias áreas de información, utilice el control deslizante de la barra de herramientas y seleccione Cuadrículay, a continuación, cree el patrón de cuadrícula adecuado. Utilice los puntos de inserción para añadir celdas de cuadrícula o contenedores para especificar la ubicación de dichas áreas.
Por ejemplo, si la vista tiene un área en la que el usuario selecciona algo y otra área que muestra información sobre dicha selección, utilice la cuadrícula para crear una celda para el área de selección y otra celda para el área de información.
Recuerde: Tenga en cuenta también si la vista se anidará dentro de otras vistas y cómo afectará al diseño. Por ejemplo, si crea una vista que tiene una celda de 4 unidades de ancho y otra celda de 8 unidades de ancho. Si coloca esa vista en una celda de una página que tiene 3 unidades de ancho, el contenido de esa vista solo tendrá 3 unidades de ancho disponibles y utilizará 1 para la primera celda y 2 para la segunda celda.
- Para añadir contenido a la vista, seleccione Contenido en el control deslizante de la barra de herramientas. En el lienzo, pulse Añadir contenido para visualizar la ventana emergente que muestra todas las vistas que se pueden añadir al diseño.
Si no utiliza celdas de cuadrícula, utilice diseños horizontales y verticales para agrupar las vistas relacionadas o para organizar vistas, si fuese necesario. Para obtener información sobre el enlace de datos que se produce, consulte
Enlace de datos para vistas.
Cuando añade una vista al diseño, se selecciona automáticamente y se muestran sus propiedades.
Recuerde: Tenga en cuenta el efecto de los distintos navegadores al definir el diseño y lo que debe hacer para manejar sus diferencias. Por ejemplo, el navegador Safari no tiene barras de desplazamiento. Sin barras de desplazamiento, puede que no sea obvio cuando, por ejemplo, las celdas de la tabla contengan más contenido del que puede mostrar su marco.
- Defina las propiedades de cada vista que quiera añadir al diseño.
Si selecciona una vista en el diseño, se muestran iconos emergentes, lo que le permite cambiar la etiqueta y cortar o copiar la vista. Si pasa el cursor sobre la vista, verá puntos de inserción a los lados. Pulse un punto de inserción para visualizar una ventana emergente que presenta, para su selección, todas las vistas que se pueden añadir junto a la vista seleccionada, encima de ella o debajo de ella.
Tenga en cuenta que cada elemento que añada al diseño será una instancia independiente y que cambiar sus propiedades no afectará a las propiedades de otras instancias. Imagine que suelta dos instancias de una vista Texto. Cambiar del nombre de uno no afectará al otro Sin embargo, si pulsa dos veces en una instancia de vista en el diseño, la vista se abrirá en el editor. Si, a continuación, edita la vista, cambiará su definición. Estos cambios afectan a todas las instancias existentes y futuras de dicha vista.
- Defina las propiedades generales de la instancia de vista, incluida la configuración de las propiedades siguientes:
- Cambie su etiqueta por un texto apropiado.
- Enlace los datos a datos como, por ejemplo, un objeto de negocio o uno de sus parámetros seleccionando los datos en la lista. La lista contiene las variables definidas en la página Variables que tienen el mismo tipo que el tipo de enlace de datos que se ha definido para la vista. Si el tipo de la selección y el tipo de enlace de datos de la vista no coinciden, se generará un aviso.
- Cambie la definición que utiliza la instancia de vista. Si opta por seleccionar una definición de vista existente, la lista contiene las definiciones de vista con un tipo de datos que coincide con el tipo que se ha definido para el enlace de datos.
Para obtener información sobre estas propiedades, consulte
Ver propiedades generales.
- Configure la instancia de vista seleccionando o escribiendo un valor para cada opción, o bien asignando una variable si dicha opción está disponible.
Para establecer una propiedad de configuración en una variable, pulse
. Pulse
Seleccionar y, a continuación, seleccione la variable en la lista. La lista contiene las variables con un tipo de datos que contiene el tipo que se ha definido para la opción de configuración.
Sugerencia: De forma alternativa, puede pulsar
para crear una opción de configuración exclusiva que coincida con el tipo de datos de la propiedad de configuración y enlazarla automáticamente.
Importante: El diseñador maneja las series que se establecen directamente en una propiedad de configuración de forma diferente a las series que se establecen a través de una variable. Si establece la serie escribiéndola directamente en una propiedad de configuración, no escriba la serie entre comillas. Si establece la serie
mediante una variable, escriba la serie entre comillas y utilice caracteres de escape cuando sea necesario. Por ejemplo, imagine que tiene una vista Texto
que quiere que contenga solo cinco números. La vista Texto tiene el campo Validación. Especifique, en este campo y en forma de
cadena de caracteres, la expresión regular que se utilizará para evaluar el contenido de la vista Texto. Si especifica la serie de validación, escriba. Si asigna la validación a una variable, la variable es una serie con un valor de.
Como alternativa, puede exponer determinadas propiedades de configuración en las vistas o páginas que contengan su vista. Por ejemplo, en su vista, puede añadir un recuadro de selección como un conjunto de botones de selección y exponer sus propiedades de configuración Etiqueta true y Etiqueta false. Las página o vistas que contienen su vista pueden definir estas etiquetas en algo apropiado para dicha página o vista. La exposición de la propiedad de configuración crea automáticamente una opción de configuración como una variable en la vista actual. La opción de configuración tiene un enlace de datos que coincide con lo que se ha definido en la vista seleccionada. Para exponer una propiedad de configuración, pulse
.
- Establezca la altura y la anchura de la instancia de vista y defina sus propiedades de estilo para establecer la cantidad de relleno que desee alrededor de ella.
- Defina cómo muestran la página o vista padre la instancia de la vista.
- Opcional: Para alterar temporalmente los estilos existentes en la instancia, añada atributos HTML y clases a la misma.
Para obtener información y un ejemplo de cómo añadir una clase para cambiar la posición de una etiqueta de recuadro de texto, consulte
Atributos HTML.
- Pulse Guardar o Finalizar edición.
Para obtener más información sobre cómo declarar variables para los servicios humanos del lado del cliente, consulte
Declarar variables.