Esctructura basica-pagina-asp
Descargar como DOCX, PDF0 recomendaciones126 vistas
Una página ASP.NET consta de directivas, código en línea, código C# y HTML. El código C# se usa para crear funciones que se ejecutan en el servidor y para registrar scripts de JavaScript que se ejecutan en el cliente. El HTML contiene formularios, controles como TextBox y Button creados con las bibliotecas .NET, y scripts JavaScript.
![<scriptlanguage="javascript" type="text/javascript">
function fnCancelOk () {
alert('El Contenido del TextBox es: ' + document.getElementById("txtNombre").value);
document.getElementById("txtNombre").value = '';
}
</script>
</head>
<body>
<form id="form1" runat="server"> CREA UN FORM COMO EN HTML NORMAL
<div>
LA SIGUIENTE LINEA SE CREA UN ELEMENTO DE LAS LIBRERIAS .NET UN TEXTBOX
<asp:TextBox ID="txtNombre" runat="server"></asp:TextBox>
LA SIGUIENTE LINEA SE CREA UN ELEMENTO DE LAS LIBRERIAS .NET UN BUTTON
<asp:Button ID="btnAceptar" runat="server" Text="Aceptar"
onclick="btnAceptar_Click"/>
<br/>
LA SIGUIENTE LINEA SE CREA UN ELEMENTO DE LAS LIBRERIAS .NET UN BUTTON
<asp:Button ID="btnCancelar" runat="server" Text="Cancelar" />
<br/>
LA SIGUIENTE LINEA SE CREA UN ELEMENTO DE LAS LIBRERIAS .NET UN LABEL, SE EL ASIGNA UNA CLASE CSS CON EL
ATRIBUTO CssClass
<asp:Label CssClass="MiLabel" ID="lblResultado"runat="server" Text="[Resultado]"></asp:Label>
</div>
</form>
</body>
</html>](https://image.slidesharecdn.com/esctructura-basica-de-una-pagina-asp-1-150816233643-lva1-app6891/85/Esctructura-basica-pagina-asp-2-320.jpg)
Esctructura basica-pagina-asp
- 1. ESCTRUCTURA BASICA DE UNA PAGINA ASP.NET extensión .aspx <%--Directiva--%> COMENTARIOS EN ASP.NET <%-- comentario --%> <%@ Page Language="C#" %> INDICA EL LENGUAJE QUE SE USARA DE .NET <%--Codigo en linea--%> <scriptrunat="server"> INDICA QUE EL CODIGO CONTENIDO SE EJECUTARA EN EL SERVIDOR CREO QUE EQUIVALE A <?php ?> protected void btnAceptar_Click(objectsender, EventArgs e){ lblResultado.Text= txtNombre.Text; txtNombre.Text = string.Empty; } FUNCION C# QUE CREA UNA FUNCION JS EN TIEMPO DE EJECUCION Y QUE LUEGO SE PUEDE ASIGNAR A UN EVENTO DE UN BOTON private void RegistrarScript(){ const string ScriptKey = "ScriptKey"; if (!ClientScript.IsStartupScriptRegistered(this.GetType(), ScriptKey)){ StringBuilder fn = new StringBuilder(); fn.Append("function fnCancelar() { "); fn.Append("alert('El Contenido del TextBox es: ' + document.getElementById("txtNombre").value); "); fn.Append("document.getElementById("txtNombre").value = '';"); fn.Append("}"); ClientScript.RegisterStartupScript(this.GetType(), ScriptKey, fn.ToString(), true); } } protected void Page_Load(object sender, EventArgs e){ ASIGNA FUNCION JS NORMAL A EVENTO CLICK DE UN BOTON this.btnCancelar.Attributes.Add("OnClick","javascript:return fnCancelOk();"); ASIGNA FUNCION JS GENERADA CON C# A EVENTO DOBLE CLICK DE UN BOTON if (!IsPostBack){ this.btnCancelar.Attributes.Add("OnDblClick ","javascript:return fnCancelar ();"); RegistrarScript(); } } </script> <%--HTML para dibujar loscontroles en pantalla--%> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> PODEMOS ENLAZAR ARCHIVOS CSS IGUAL QUE EN UNA PAGINA HTML NORMAL ESTE ARCHIVO CONTIENE LA CLASE .milabel <link href="StyleSheet.css" rel="stylesheet" type="text/css" /> <title>Mi primera aplicacion - Maestros del Web</title> <%--Codigo JavaScript--%> CODIGO JS, TAMBIEN SE PUEDE HACER EL CODIGO SEPARADO Y LLAMARLO COMO EN UNA PAGINA HTML NORMAL
- 2. <scriptlanguage="javascript" type="text/javascript"> function fnCancelOk () { alert('El Contenido del TextBox es: ' + document.getElementById("txtNombre").value); document.getElementById("txtNombre").value = ''; } </script> </head> <body> <form id="form1" runat="server"> CREA UN FORM COMO EN HTML NORMAL <div> LA SIGUIENTE LINEA SE CREA UN ELEMENTO DE LAS LIBRERIAS .NET UN TEXTBOX <asp:TextBox ID="txtNombre" runat="server"></asp:TextBox> LA SIGUIENTE LINEA SE CREA UN ELEMENTO DE LAS LIBRERIAS .NET UN BUTTON <asp:Button ID="btnAceptar" runat="server" Text="Aceptar" onclick="btnAceptar_Click"/> <br/> LA SIGUIENTE LINEA SE CREA UN ELEMENTO DE LAS LIBRERIAS .NET UN BUTTON <asp:Button ID="btnCancelar" runat="server" Text="Cancelar" /> <br/> LA SIGUIENTE LINEA SE CREA UN ELEMENTO DE LAS LIBRERIAS .NET UN LABEL, SE EL ASIGNA UNA CLASE CSS CON EL ATRIBUTO CssClass <asp:Label CssClass="MiLabel" ID="lblResultado"runat="server" Text="[Resultado]"></asp:Label> </div> </form> </body> </html>