Como usar los eventos onblur, onfocus, onchance, sobre un TextBox en ASP.Net

, , , , , , , , , 2 comentarios
Hola como están, espero que bien, hoy quiero compartir un ejemplo muy sencillo de como usar los eventos onblur, onfocus, entre otros sobre un control Textbox en ASP.Net.

Primero creamos una pagina web con una caja de Texto:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Example.aspx.cs" Inherits="Example" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox Id="txtTexto" runat="server"></asp:TextBox>    
    </div>
    </form>
</body>
</html>

Seguidamente creamos un botón asp.net dentro de un <div> oculto así:

<div style="display: none;">
        <asp:button id="btnTextBox" runat="server" onclick="btnTextBox_Click">
</asp:button></div>


Quedando la pagina: 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Example.aspx.cs" Inherits="Example" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox Id="txtTexto" runat="server"></asp:TextBox>   
    </div>
   
    <div style="display: none;">
        <asp:button id="btnTextBox" runat="server" onclick="btnTextBox_Click">
    </asp:button></div>
    </form>
</body>
</html>

Ahora en el evento Page_Load de la pagina agregar el atributo al cuadro de texto: 

protected void Page_Load(object sender, EventArgs e)
    {
        txtTexto.Attributes.Add("onblur", this.Page.ClientScript.GetPostBackEventReference(this.btnTextBox, ""));
    }

Finalmente agregamos el código en el evento clic de nuestro botón oculto.

protected void btnTextBox_Click(object sender, EventArgs e)
    {
        //Coloque aquí su código para evento onblur
    }

"" Si tienes dudas o quieras ampliar este artículo, lo puedes hacer dejando tus comentarios. Además, si lo consideras interesante puedes compartirlo con amigos y seguidores a través de los botones sociales que aparecen en esta página.""
Share:
Leer Mas

Internet Explorer: Vista de Compatibilidad ASP.NET

, , , , , , , , No hay comentarios
Quiero compartir con ustedes un código que nos permite identificar mediante JavaScript la vista de compatibilidad de nuestro navegador Internet Explorer (IE) y ademas si estamos usando un navegador diferente. Lo anterior porque muchas veces los estilos de nuestros sitios no son compatibles y presentan alteraciones en la presentación de las paginas al usuario. Por lo tanto el siguiente ejemplo permite identificar en que entorno de navegador estamos y poder llegar a tomar alguna decisión al respecto: 

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>   
    <script type="text/javascript" language="javascript">
        function ValidarNavegador() {
            if (document.documentMode) {
                if (document.documentMode <=  7) {
                    alert("Estas en Internet Explorer con vista de compatibilidad.");
                    return;
                }
                alert("Esta es una versión de Internet Explorer sin vista de compatibilidad.");


            } else {
                alert("Esto no es Internet Explorer.");
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table id="Navegador" cellpadding="0" cellspacing="0" width="100%" >
        <tr>
            <td align="center">
                Consultar Compatibilidad del Navegador&nbsp;
                <br /><br />
                <asp:Button ID="BtNavegador" runat="server" OnClientClick="return ValidarNavegador();" Text="¿Qué Navegador?" />
            </td>
        </tr>
        </table>
       
    </div>
    </form>
</body>
</html>
Al ejecutar nuestro ejemplo podemos ver la compatibilidad para cada explorador:



La siguiente imagen sin vista de compatibilidad:





Finalmente la visualización diferente a Internet Explorer:


Este ejemplo nos permite conocer la vista compatibilidad de una pagina en Internet Explorer, pero también es importante poder cambiarla, esto lo podemos realizar a través del META X-UA-Compatible.

Si tienen alguna duda o ampliar la información me cuentan, hasta pronto.
"" Si tienes dudas o quieras ampliar este artículo, lo puedes hacer dejando tus comentarios. Además, si lo consideras interesante puedes compartirlo con amigos y seguidores a través de los botones sociales que aparecen en esta página.""


Share:
Leer Mas

Exportar DataTable a CSV en C#

, , , , , 1 comentario
Anexo código que nos permite exportar un DataTable a un archivo plano con extensión CSV desde Visual studio C#

Para este ejemplo creamos un DataTable: 

private DataTable TablaEnvioSms()
{
   DataTable dtSms = new DataTable();

   dtSms.Columns.Add("Fila", typeof(string));
   dtSms.Columns.Add("Nombres", typeof(string));
   dtSms.Columns.Add("Apellidos", typeof(string));
   dtSms.Columns.Add("Direccion", typeof(string));
   dtSms.Columns.Add("Telefono", typeof(string));
   return dtSms;
}

Este es el evento Click del boton (btnExportar) en la pagina aspx

protected void btnExportar_Click(object sender, EventArgs e)
    {
        DataTable dtSms = new DataTable();

        //Asignamos estructura del DataTable
        dtSms = TablaEnvioSms();
        DataRow newRow;

        //primera fila
        newRow = dtSms.NewRow();
        newRow["Fila"] = "1";
        newRow["Nombres"] = "Pedro Luis";
        newRow["Apellidos"] = "Ramirez Perez";
        newRow["Direccion"] = "Calle 1 No. 2 2";
        newRow["Telefono"] = "5555";
        dtSms.Rows.Add(newRow);

        //segunda fila
        newRow = dtSms.NewRow();
        newRow["Fila"] = "2";
        newRow["Nombres"] = "Maria tereza";
        newRow["Apellidos"] = "Ramirez Perez";
        newRow["Direccion"] = "Calle 1 No. 2 2";
        newRow["Telefono"] = "44444";
        dtSms.Rows.Add(newRow);
       

        //Realizamos el Llamado al metodo que exporta la estructura del DataTable.
        //Ademas recibe el nombre del archivo CSV y la ruta donde se almacenara.
        DataTableCSVFile(dtSms, "ExportarDatos.csv", "c://");

    }


Método que Exporta los datos y muestra el archivo para abrirlo.

public void DataTableCSVFile(DataTable dt,string sfilename, string strFilePath)
    {     
        StreamWriter sw = new StreamWriter(strFilePath + sfilename, false);
        int iColCount = dt.Columns.Count;

        // Escribiendo las Columnas del DataTable.
        for (int i = 0; i < iColCount; i++)
        {
            sw.Write(dt.Columns[i]);
            if (i < iColCount - 1)
            {
                sw.Write(",");
            }
        }

        sw.Write(sw.NewLine);

        // Escribiendo todas las Filas del DataTable.
        foreach (DataRow dr in dt.Rows)
        {
            for (int i = 0; i < iColCount; i++)
            {
                if (!Convert.IsDBNull(dr[i]))
                {
                    sw.Write(dr[i].ToString());
                }

                if (i < iColCount - 1)
                {
                    sw.Write(",");
                }
            }
            sw.Write(sw.NewLine);
        }
        sw.Close();

        Response.Clear();
        Response.ContentType = "application/csv";
        Response.AddHeader("Content-Disposition", "attachment; filename=" + sfilename);
        Response.WriteFile(strFilePath + sfilename);
        Response.Flush();
        Response.End();
    }

Exportar un Dataset a Excel desde c# es una funcionalidad muy interesante, los invito a consultarla.

Si tienen alguna duda o ampliar la información me cuentan, hasta pronto.
"" Si tienes dudas o quieras ampliar este artículo, lo puedes hacer dejando tus comentarios. Además, si lo consideras interesante puedes compartirlo con amigos y seguidores a través de los botones sociales que aparecen en esta página.""


Share:
Leer Mas

Qué es AJAX?

, , , 1 comentario
AJAX, anteriormente llamado "Atlas", acrónimo de Asynchronous JavaScript y XML, que simplemente, es una manera o técnica de transferir datos entre el servidor y el cliente sin necesidad de enviar toda la página, y creando así una devolución de datos completa. Esto permite obtener una mejor experiencia para el usuario, ya que carga el contenido dinámico se puede hacer en un segundo plano, sin refrescante y redibujar toda la página.

Cuando se implementa AJAX en nuestros proyectos, obtenemos aplicaciones que funcionan mucho más rápido, ya que las interfaces de usuario se pueden actualizar por partes sin tener que actualizar toda la página. Por ejemplo, al diligenciar un formulario que se captura en un sitio web, con AJAX se puede actualizar solo la parte en la que se selecciona la ciudad de residencia sin tener que actualizar toda la página web completa.
"" Si tienes dudas o quieras ampliar este artículo, lo puedes hacer dejando tus comentarios. Además, si lo consideras interesante puedes compartirlo con amigos y seguidores a través de los botones sociales que aparecen en esta página.""


Share:
Leer Mas

Solution for IE10 error: Sys.ArgumentOutOfRangeException: Value must be an integer asp.net

, , , , , , , , No hay comentarios
En un proyecto proyecto Asp.Net con controles AJAX (ModalPopup) en Internet Explorer 10 (IE10) se me presento la siguiente inconsistencia "Solution for IE10 error: Sys.ArgumentOutOfRangeException: Value must be an integer asp.net", la solución que se encontró es agregar la siguiente linea, ya sea en la Master.page del proyecto o en el encabezado de mi pagina .aspx.

<meta http-equiv="X-UA-Compatible" content="IE=9" />

La etiqueta meta X-UA-Compatible permite elegir qué versión de Internet Explorer la página se debe representar. Es utilizado por Internet Explorer 8 para especificar si una página se debe representar como IE 7 (vista de compatibilidad) o IE 8 (normas vista).

Las opciones que tiene para el contenido (content) son:
  • "IE=5" 
  • "IE=EmulateIE7" 
  • "IE=7" 
  • "IE=EmulateIE8" 
  • "IE=8" 
  • "IE=EmulateIE9" 
  • "IE=9" 
  • "IE=edge"

Se utiliza la etiqueta meta X-UA-Compatible en las páginas web donde se sospecha que Internet Explorer 10 intentará representar la página en una forma incorrecta.  Una forma de conocer bajo que modo de compatibilidad se ejecuta una pagina aspx en asp.net puede ayudarlos a solucionar muchos inconvenientes.
"" Si tienes dudas o quieras ampliar este artículo, lo puedes hacer dejando tus comentarios. Además, si lo consideras interesante puedes compartirlo con amigos y seguidores a través de los botones sociales que aparecen en esta página.""

Share:
Leer Mas