UNIDAD 1: ELEMENTOS BASICOS

TEMA JSCRIPT 11: JSCRIPT(3):

Tercer modelo de script , PARA ESTE MODELO SE SEPARAN LA PARTE DE INTERFASE CON EL USUARIO( LA FORMA Y SUS CONTROLES) Y LA PARTE PROGRAMATICA en programas o archivos diferentes.

Este modelo es mas comun y practico para la construccion modular de programa.

Programa3.aspx

 
<%@ PAGE INHERITS=PROG3 SRC=PROG3.JS %>
 
<HTML>
 
<H4>BIENVENIDO A JSCRIPT NET</H1>
 
<FORM RUNAT=SERVER>
 
LIBRAS<ASP:TEXTBOX ID=LIBRAS RUNAT=SERVER/><BR>
 
KGS...:<ASP:LABEL ID=KG1 RUNAT=SERVER/><BR>
 
KGS...:<ASP:LITERAL ID=KG2 RUNAT=SERVER/><BR>
 
<ASP:BUTTON TEXT=OK ONCLICK=CALCULO RUNAT=SERVER/>
 
</FORM></HTML>

notas:

1.- Comienza con una directiva o instruccion PAGE que en principio es el compilador de paginas de ASP.NET y su atributo INHERITS le indica a dicho compilador que use prog3.aspx y el codigo fuente o SouRCe que esta en el archvivo llamdo prog3.cs.

Aparte de la directiva PAGE, existen las siguientes:

ASP.NET PAG-LEVEL DIRECTIVES:

DIRECTIVE DESCRIPCION
@ Page Define atributos usados para compilar paginas ASP.NET
@ Control Define atributos usados para compilar controles de usuarios
@ Import Imporrta NAMESPACES desde la libreria de clases de .NET
@ Register Define alias, tags, y otros parametros para constroles de usuarios y normales
@ Assembly Identifica otros archivos ( assemblies) para enlazar a esta pagina
@ OutputCache Define parametros para el cache de salida de HTML

2.- Tambien se estan demostrando dos nuevos WEBCONTROLS de despliegue LABEL y LITERAL, su diferencia con TEXTBOX es que no se pueden usar para capturar, solo para desplegar, pero su uso es similar es decir tienen muchas propiedades incluyendo TEXT, la diferencia entre ellos es que LABEL tiene mas y mejores propiedades.

3.- El resto de instrucciones son las normales vistas en el TEMA JSCRIPT anterior.

Prog3.js (Recordar y usar la extension de este segundo programa)

 
import System;
 
import System.Web;
 
import System.Web.UI;
 
import System.Web.UI.WebControls;
 
public class PROG3 extends Page
 
{
 
// creando los webcontrols dentro del prog.js
 
public var LIBRAS :TextBox;
 
public var KG1:Label;
 
public var KG2:Literal;
 
public function CALCULO(sender:Object, e:EventArgs):void
 
{
 
KG1.Text = LIBRAS.Text * 0.454;
 
KG2.Text = LIBRAS.Text * 0.454;
 
// formateando salidas
 
KG1.Text =" "+Double.Parse(KG1.Text).ToString("#.####");
 
KG2.Text =" "+Double.Parse(KG2.Text).ToString("000.0");
 
}//termina funcion
 
}//termina clase

notas:

1.- Este programa empieza importando o usando las librerias de clases apropiadas para este problema:

SYSTEM:= libreria mas generica de Jscript, incluye todas las definiciones del lenguaje jscript.

SYSTEM.WEB.UI.WEBCONTROLS:= Como se indico en TEMA JSCRIPT anterior esta libreria incluye las definiciones de todos los objetos o controles de tipo WEBCONTROL que se vio en el TEMA JSCRIPT anterior.

2.- Empieza el programa .JS creando y enlazando los objetos que se tienen en PROG3.ASPX y observar que su ID es el mismo tanto en prog3.aspx como en prog3.cs

3.- Un programa .JS debe ser una clase, en este caso la clase se llama PROG3 y es de tipo o se deriva de la clase PAGE.

4.- Toda clase debe llevar metodos ( de preferencia MAIN()), sin embargo para este caso basta crear el metodo onclick del componente button de aspx usando el nombre del este evento(CALCULO).

5.- Este metodo lleva el codigo normal de jscript que ya se analizo en los dos TEMA JSCRIPTs anteriores, CON LA EXCEPCION DE QUE AHORA USAMOS LOS DOS WEBCONTROLS( LABEL y LITERAL)PERO ES INDISTINTO USAR TEXTBOX O LABEL PARA DESPLIEGUE.

6.- Ambos programas ( prog3.aspx y prog3.js) deberan subirse a tu sitio en LUNARPAGES (anuncio y liga arriba) y pedir el aspx de manera normal, es decir tusitio.com/prog3.aspx.

7.- Recordar que cuando un cliente solicita este tipo de apsx, el servidor enlaza, compila y ejecuta los dos programas a la vez y le manda el resultado al browser del cliente.

8.- Usando esta tecnica se puede contruir un sisTEMA JSCRIPT de informacion muy grande con unos cuantos aspx y un monton de js que estarian enlazado a uno o varios de los aspx.

Corrida prog3.aspx y prog3.cs

image404.jpg

Aunque es mas laborioso tener el programa en dos archivos o fuentes diferentes, a la larga es mejor este esquema de trabajo, sobre todo en aquellos sisTEMA JSCRIPTs muy grandes es decir, por ejemplo un problema de programacion muy grande es mejor resolverlo construyendo muchos CS's y desde unos cuantos ASPX's estar llamando y enlazando los necesarios y en el momento que realmente se ocupe.

TAREAS PROGRAMACION JSCRIPT

1.- Construir programas (js's) usando controles label, text, combobox, y otros para los problemas impares del del modelo de solucion.

Politica de Privacidad