TUTORIAL 1

Desarrollar con tablas en Web DynproLa visualizacioacuten de los registros de datos en tablas y formularios y la edicioacuten de estos - por ejemplo seleccionar eliminar oclasificando - son funciones centrales de las aplicaciones WebLa estructura de datos que es la base para este determina la disposicioacuten de la tabla o un formulario Por lo tanto se quiereprimero crear el contexto en este tutorial y enlazar los datos a este contexto Sobre la base de la estructura de datos que estadisponible puede obligar a la mesa y el formulario al contexto durante la creacioacuten La generacioacuten de columnas ycampos de entrada asiacute como la asignacioacuten de campos a los atributos del contexto y luego se lleva a cabo de forma automaacuteticaEn este tutorial aprenderaacute coacutemo1048696 crear y asignar el contexto del controlador de componente y las vistas1048696 Crear una tabla y se unen sus propiedades en el contexto vista1048696 Crear una forma detallada y enlazarlo en el contexto vista1048696 Implementar una funcioacuten para ordenar filas de la tabla1048696 Implementar una funcioacuten para eliminar filas de una o varias1048696 Implementar una funcioacuten para el caacutelculo de los totales de artiacuteculos individuales y la aplicacioacuten de un importe total

El TutWD_Table_Init plantilla de proyecto constituye la estructura baacutesica de la aplicacioacutenEsto incluye1048696 Una estructura en el Diccionario local que define los campos de un registro de datos de producto y por lo tanto lacolumnas de la tabla que se creen1048696 Una segunda estructura de caacutelculo de precio1048696 unaVentana en la que dos puntos de vista estaacuten mostrando la mesa y la forma detallada1048696 datos de muestra para la cesta de la compra se almacenan con el fin de hacer de la creacioacuten de un modelo de datosinnecesario1048696 Java TableSorter clase que proporciona la funcioacuten de clasificacioacutenImportacioacuten de una plantilla de proyectoSi ya estaacute familiarizado con Web Dynpro y el Developer Studio SAP NetWeaver usted probablemente sabecoacutemo importar un proyecto de lo contrario usted puede encontrar las medidas necesarias descritas en helpsapcomImportacioacuten de un proyecto

Estructura del proyecto inicialUna vez que la plantilla de proyecto TutWD_Table_Init Web Dynpro se ha importado la siguiente estructura del proyectose debe mostrar en el Explorador Web Dynpro

Nota El diccionario de tipo simple Cantidad (tipo incorporado entero) se utiliza para prevenir los valores negativos de cantidad mediante el establecimiento de la

valor de restriccioacuten miacutenima Incluido como 0

Crear el Contexto Controlador de componentesPara proporcionar los datos a ambos puntos de vista y mantenerlos coherentes es necesario para mantenerlos en un nivel superiorEl contexto de la componente controlador sirve para este propoacutesito Los contextos de los puntos de vista son entonces asignan aatribuye el contexto del controlador componente que requierenFinalmente los elementos de interfaz de usuario - aquiacute la tabla de productos y la forma detallada - deben entonces ser asignadas al contextode su punto de vista1 Elija TutWD_Table_Init 1048696 Web Dynpro 1048696 Web Dynpro Componentes 1048696 TableComp 1048696Controlador de componentes2 Con el botoacuten secundario del ratoacuten haga clic en el controlador de componentes y seleccione Editar3 Cambie a la ficha Contexto haga clic en Contexto con el botoacuten secundario del ratoacuten y seleccione Nueva 1048696Valor de nodo

Proporcionar los datosPara poder mostrar algunos datos como ejemplo los datos se han almacenado en el coacutedigo fuente de este tutorial losmeacutetodos para mostrar estos datos y para llamar que estaacuten disponibles en la aplicacioacuten del componentecontrolador y ahora puede ser activado

1 Cambie a la ficha Implementacioacuten2 Seleccione las liacuteneas de comentarios del createBasket meacutetodo () y quitar los comandos de comentario3 Ir al meacutetodo wdDoInit y quitar el comando comentario para llamar a la createBasket ()meacutetodo4 Pulse el botoacuten secundario del ratoacuten y seleccione Fuentegt Organizar Importaciones en el menuacute contextualy guardar todos los metadatos

Mapping the Ver Contexto en el Contexto del controlador de componentesAsiacute que los datos de que se disponga en los dos puntos de vista ahora cada vista debe corresponder con el componentecontexto controlador Aquiacute puede seleccionar los atributos que se requieren en la vista correspondiente1 Vaya a TutWD_Table_Init 1048696 Web Dynpro 1048696 Web Dynpro Componentes 1048696 TableComp e inicioel modelador de datos en la Vista de diagrama haciendo doble clic en eacutel o elija Open Data Modeler con elbotoacuten secundario del ratoacuten2 Haga clic en Crear un enlace de datos y trazar una liacutenea desde el icono TableCompBasketView a laIcono del controlador de componentes Ha iniciado el asistente para la Asignacioacuten de Contexto

Estructura del proyecto inicialUna vez que la plantilla de proyecto TutWD_Table_Init Web Dynpro se ha importado la siguiente estructura del proyectose debe mostrar en el Explorador Web Dynpro

Nota El diccionario de tipo simple Cantidad (tipo incorporado entero) se utiliza para prevenir los valores negativos de cantidad mediante el establecimiento de la

valor de restriccioacuten miacutenima Incluido como 0

Crear el Contexto Controlador de componentesPara proporcionar los datos a ambos puntos de vista y mantenerlos coherentes es necesario para mantenerlos en un nivel superiorEl contexto de la componente controlador sirve para este propoacutesito Los contextos de los puntos de vista son entonces asignan aatribuye el contexto del controlador componente que requierenFinalmente los elementos de interfaz de usuario - aquiacute la tabla de productos y la forma detallada - deben entonces ser asignadas al contextode su punto de vista1 Elija TutWD_Table_Init 1048696 Web Dynpro 1048696 Web Dynpro Componentes 1048696 TableComp 1048696Controlador de componentes2 Con el botoacuten secundario del ratoacuten haga clic en el controlador de componentes y seleccione Editar3 Cambie a la ficha Contexto haga clic en Contexto con el botoacuten secundario del ratoacuten y seleccione Nueva 1048696Valor de nodo

Proporcionar los datosPara poder mostrar algunos datos como ejemplo los datos se han almacenado en el coacutedigo fuente de este tutorial losmeacutetodos para mostrar estos datos y para llamar que estaacuten disponibles en la aplicacioacuten del componentecontrolador y ahora puede ser activado

1 Cambie a la ficha Implementacioacuten2 Seleccione las liacuteneas de comentarios del createBasket meacutetodo () y quitar los comandos de comentario3 Ir al meacutetodo wdDoInit y quitar el comando comentario para llamar a la createBasket ()meacutetodo4 Pulse el botoacuten secundario del ratoacuten y seleccione Fuentegt Organizar Importaciones en el menuacute contextualy guardar todos los metadatos

Mapping the Ver Contexto en el Contexto del controlador de componentesAsiacute que los datos de que se disponga en los dos puntos de vista ahora cada vista debe corresponder con el componentecontexto controlador Aquiacute puede seleccionar los atributos que se requieren en la vista correspondiente1 Vaya a TutWD_Table_Init 1048696 Web Dynpro 1048696 Web Dynpro Componentes 1048696 TableComp e inicioel modelador de datos en la Vista de diagrama haciendo doble clic en eacutel o elija Open Data Modeler con elbotoacuten secundario del ratoacuten2 Haga clic en Crear un enlace de datos y trazar una liacutenea desde el icono TableCompBasketView a laIcono del controlador de componentes Ha iniciado el asistente para la Asignacioacuten de Contexto

valor de restriccioacuten miacutenima Incluido como 0

Crear el Contexto Controlador de componentesPara proporcionar los datos a ambos puntos de vista y mantenerlos coherentes es necesario para mantenerlos en un nivel superiorEl contexto de la componente controlador sirve para este propoacutesito Los contextos de los puntos de vista son entonces asignan aatribuye el contexto del controlador componente que requierenFinalmente los elementos de interfaz de usuario - aquiacute la tabla de productos y la forma detallada - deben entonces ser asignadas al contextode su punto de vista1 Elija TutWD_Table_Init 1048696 Web Dynpro 1048696 Web Dynpro Componentes 1048696 TableComp 1048696Controlador de componentes2 Con el botoacuten secundario del ratoacuten haga clic en el controlador de componentes y seleccione Editar3 Cambie a la ficha Contexto haga clic en Contexto con el botoacuten secundario del ratoacuten y seleccione Nueva 1048696Valor de nodo

Proporcionar los datosPara poder mostrar algunos datos como ejemplo los datos se han almacenado en el coacutedigo fuente de este tutorial losmeacutetodos para mostrar estos datos y para llamar que estaacuten disponibles en la aplicacioacuten del componentecontrolador y ahora puede ser activado

1 Cambie a la ficha Implementacioacuten2 Seleccione las liacuteneas de comentarios del createBasket meacutetodo () y quitar los comandos de comentario3 Ir al meacutetodo wdDoInit y quitar el comando comentario para llamar a la createBasket ()meacutetodo4 Pulse el botoacuten secundario del ratoacuten y seleccione Fuentegt Organizar Importaciones en el menuacute contextualy guardar todos los metadatos

Mapping the Ver Contexto en el Contexto del controlador de componentesAsiacute que los datos de que se disponga en los dos puntos de vista ahora cada vista debe corresponder con el componentecontexto controlador Aquiacute puede seleccionar los atributos que se requieren en la vista correspondiente1 Vaya a TutWD_Table_Init 1048696 Web Dynpro 1048696 Web Dynpro Componentes 1048696 TableComp e inicioel modelador de datos en la Vista de diagrama haciendo doble clic en eacutel o elija Open Data Modeler con elbotoacuten secundario del ratoacuten2 Haga clic en Crear un enlace de datos y trazar una liacutenea desde el icono TableCompBasketView a laIcono del controlador de componentes Ha iniciado el asistente para la Asignacioacuten de Contexto

Mapping the Ver Contexto en el Contexto del controlador de componentesAsiacute que los datos de que se disponga en los dos puntos de vista ahora cada vista debe corresponder con el componentecontexto controlador Aquiacute puede seleccionar los atributos que se requieren en la vista correspondiente1 Vaya a TutWD_Table_Init 1048696 Web Dynpro 1048696 Web Dynpro Componentes 1048696 TableComp e inicioel modelador de datos en la Vista de diagrama haciendo doble clic en eacutel o elija Open Data Modeler con elbotoacuten secundario del ratoacuten2 Haga clic en Crear un enlace de datos y trazar una liacutenea desde el icono TableCompBasketView a laIcono del controlador de componentes Ha iniciado el asistente para la Asignacioacuten de Contexto