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
<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>

Esctructura basica-pagina-asp

  • 1.
    ESCTRUCTURA BASICA DEUNA 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>