| 00:00:00 |
00:00:01 |
DW ADOBE DREAMWEAVER C53
|
| 00:00:02 |
00:00:06 |
Este video es un demo tutorial,para el 4D
de extensión del Dreamweaver. |
| 00:00:08 |
00:00:11 |
Asumimos que la instalación fue
exitosa. Lo que significa que |
| 00:00:11 |
00:00:14 |
podemos comenzar a
jugar con el Dreamweaver. |
| 00:00:15 |
00:00:17 |
Para comenzar, crearemos un
nuevo documento HTML. |
| 00:00:20 |
00:00:25 |
Abrimos un HTML template,
|
| 00:00:25 |
00:00:27 |
por lo que aún no hay contenido. |
| 00:00:30 |
00:00:34 |
En lo alto, hay 7 botones del 4DHX Extension.
|
| 00:00:38 |
00:00:43 |
Para un encastrar un objeto 4DHX, sólo
lleva 3 pasos, |
| 00:00:43 |
00:00:50 |
para llevar un objeto a una página HTML.
El primer paso implica importar la estructura |
| 00:00:50 |
00:00:53 |
Para hacerlo, debemos seleccionar
|
| 00:00:54 |
00:00:57 |
la carpeta soporte, al lado de nuestra
estructura 4D, |
| 00:01:02 |
00:01:07 |
Soporte extra.
Presionemos seleccionar. |
| 00:01:10 |
00:01:13 |
Y nuestra estructura se importa.
El segundo paso, |
| 00:01:14 |
00:01:19 |
es ingresar la información para el login.
Por lo que ingresamos, |
| 00:01:19 |
00:01:24 |
la información de login como usuarios
a conectar con la página HTML. |
| 00:01:25 |
00:01:29 |
Para propósitos de demostración,
hagámolos logear como administrador, |
| 00:01:33 |
00:01:37 |
y hacemos click.
Nuevo código se ha agregado a la página. |
| 00:01:38 |
00:01:45 |
El único que nos concierne es la función
de carga DAX |
| 00:01:46 |
00:01:52 |
y el código agregado al casco del cuerpo,
para el evento de carga. |
| 00:01:55 |
00:02:01 |
El tercer y último paso, es sólo elegir
qué objeto encastrar. |
| 00:02:02 |
00:02:09 |
Pueden elegir una grilla de datos, un
calendario, un árbol de datos, |
| 00:02:09 |
00:02:12 |
una matriz de datos, una matriz de imagen.
|
| 00:02:13 |
00:02:15 |
Para hoy, sólo encastraremos una grilla
de datos. |
| 00:02:16 |
00:02:20 |
Apretamos ese botón.
Y este dial lock viene. |
| 00:02:21 |
00:02:27 |
Ahora podemos elegir qué tabla o DVW o
DCS o vista empotrar. |
| 00:02:28 |
00:02:33 |
Elegiremos la tabla de cliente.
|
| 00:02:35 |
00:02:37 |
Seleccionamos configuración avanzada,
|
| 00:02:38 |
00:02:40 |
pero no tocaré nada de eso, hoy.
|
| 00:02:41 |
00:02:44 |
Sólo cambiaré el ancho y el alto.
|
| 00:02:52 |
00:02:54 |
Nuevos códigos se le han agregado al cuerpo,
|
| 00:02:55 |
00:03:02 |
un DIV class para mostrar la grilla de datos,
y arriba, debajo de la descripción del |
| 00:03:02 |
00:03:06 |
trabajo, veremos dónde cambiamos
los datos del objeto grilla. |
| 00:03:07 |
00:03:10 |
Es lindo mostrar dónde
comenzó el código, |
| 00:03:10 |
00:03:12 |
y dónde terminó.
|
| 00:03:13 |
00:03:16 |
Y eso es todo lo que debemos hacer.
3 pasos para encastrar un objeto. |
| 00:03:16 |
00:03:22 |
Si guardamos este archivo HTML,
en nuestra ruta web, la llamaré grilla, |
| 00:03:25 |
00:03:32 |
deberíamos poder ver nuestro objeto,
vayamos a nuestro browser, |
| 00:03:35 |
00:03:38 |
y conectamos a la página HTML
que creamos. |
| 00:03:43 |
00:03:46 |
Y allí vamos.
Nuestra grilla de datos, |
| 00:03:48 |
00:03:54 |
en nuestra página HTML.
Toda la funcionalidad de una |
| 00:03:54 |
00:03:58 |
grilla normal de datos, en un ambiente
de cleinte 4D Ajax. |
| 00:03:59 |
00:04:07 |
Pueden editar un registro,
y pueden crear uno, |
| 00:04:08 |
00:04:13 |
y pueden hacer búsqueda en vivo.
Así finaliza nuestro tutorial |
| 00:04:13 |
00:04:18 |
para el 4D Ajax Dreamweaver Extension.
Mostramos qué fácil es empotrar |
| 00:04:18 |
00:04:22 |
un objeto
4d Ajax en una página HTML. |