.Net y mas...

Android - Tema 1 - Inicio

2015-11-12T11:07:00.005-08:00

Hola, a partir de hoy iré publicando temas de programación de apps para android, espero que esto les ayude para despejar sus dudas o con los cuales puedan empezar adentrarse sobre este mundo de desarrollo de apps para android.

Antes de empezar hay que seguir estos 3 pasos para poder tener nuestro ambiente desarrollo:

1. Instalar JDK (http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)

2. Instalar Android Studio (https://developer.android.com/intl/es/sdk/index.html)

3. Configuración del Android Studio. Después de instalar nuestro IDE debemos configurar una variable de entorno, solo da click derecho en Mi Equipo, en seguida click en propiedades, despues en la ventana que te aparece busca Propiedades Avanzadas del sistema, y despues da click en variables de entorno y por ultimo agrega una nueva variable de sistema llamada JAVA_HOME, como valor pon la ruta de tu jdk que instalaste previamente.

Conceptos Básicos

Ahora si, empecemos, primero lo que deven saber es que el lenguaje oficial para programar en android es java, existen otras alternativas como lo es appcelerator, flex, mono, etc., pero eso es harina de otro costal, jeje, aqui veremos la alternativa oficial, o mas bien dicho la forma nativa de crear apps.

Activity. Son las encargadas de mostrar la interfaz de usuario e interactuar con él. Responden a los eventos generados por el usuario (pulsar botones etc). Heredan de la clase Activity. Yo las veo como una clase que representa una pantalla en tu app. Estas cuentan con un evento llamado onCreate, en el cual se especifica el contenido de tu view, que en este caso es un layout que se crea al momento de agregar un activity (.xml).

Layout. Es un xml que representa la interfaz del usuario.

Ciclo de vida de una actividad: En este diagrama se expresa el ciclo de vida de una actividad, esto te sirve para identificar a que eventos entra nuestra actividad desde que se inicia.

Nuestra primera app

Ahora si, manos a la obra...

1. Abran el Android Studio y den click en Start new Android Studio project, en la segunda pantalla que aparece configuren su proyecto, para este ejemplo capturen:

Aplication name: HolaMundo

Company Domain: ejemploganda.com (aquí normalmente yo pongo mi nickname de desarrollador, necesariemente debes tener registrado un dominio con el nombre que pongas)

2. En seguida den click en "Next" y en la nueva pantalla dejen los valores default y presionen "Next".

3. En esta nueva pantalla seleccionen la opción "Emty Activity" y presionen "Next".

4. En la pantalla Customize the Activity, dejen los valores default

ActivityName: MainActivity

Generate Layout File (seleccionada)

Layout Name: activity_main

Presionen "Finish" (esperen a que cree el proyecto).

Así se vera el proyecto creado:

Como puedes observar en tu clase MainActivity esta el evento OnCreate en el cual se le especifica el layout que esta relacionado a la actividad.

6. En el panel izquierdo en el folder res, podrás encontrar los layouts, en este caso activity_main, el cual es nuestra vista de nuestra actividad, si la abres veras que por default te agrego una etiqueta.

7. Da click en el menú Run, opción Run 'app', al hacer esto te preguntara como quieres correrlo, con el emulador o con algun celular conectado al equipo, esto lo dejo a tu elección, por default al instalar el android studio devio crearte un virtual device para el emulador, si no fue así, hay que crearlo en "Tools->Android->AVD Manager". Si lo corres con tu dispositivo, recuerda activar la instalación de aplicaciones de origen desconocido y el debug en opciones de desarrollo de tu dispositivo.

8. Listo!!!, tu primera app

En el siguiente tema adentraremos mas sobre algunos controles y eventos que podemos agregar, esto fue mas como un pre para tener las bases de como configurar nuestro ambiente y posteriormente como crear nuestros proyectos.

Estaré subiendo los proyectos al github, aquí el primer link.

https://github.com/ganda12/TemasAndroid/tree/master/HolaMundo

Recuerden que pueden descargar mi juego para probarlo, les dejo el link de descarga:

Juego Android (Trivia de Imagenes)

2015-11-10T10:03:00.001-08:00

Hola, hace mucho que no escribia en mi blog, pero pienso retomarlo con temas de desarrollo de apps para android, como entrada les dejo como ejemplo el juego que hice y que ya esta publicado en google play. En estos próximos temas explicare desde lo mas básico hasta como implementar algunos servicios de google como lo es la publicidad y la integración de gloogle games.

Aquí el link de mi juego:

Trivia de Imágenes, diviértete adivinando el nombre de las caricaturas de tu infancia.

Inicio - Temas Android

http://ganda-csharp.blogspot.mx/2015/11/android-tema-1-inicio.html

Añadir css embebidos en tus controles web(.net)

2013-11-22T07:09:00.002-08:00

Hola, hoy les explicare como embeber un archivo css en tu control web que estés desarrollando, lo primero que hay que hacer es lo siguiente:

1. Modifica el archivo AssemblyInfo.cs y agrega esto:

[assembly: System.Web.UI.WebResource("CustomControls.Styles.GridStyles.css", "text/css"), PerformSubstitution = true)]

Donde CustomControls es tu proyecto y style tu carpeta donde tienes el css, prácticamente es ponerlo como se formaría un namespace.

2. Al archivo .css aplicale la propiedad de BuildAction a Embedded Resource, para que se embeba en nuestra dll.

3. Ahora si, el código que necesitamos es el siguiente:

protected override void OnPreRender(EventArgs e) 
   {
        bool linkIncluded = false;
        foreach (Control c in Page.Header.Controls)
        {
            if (c.ID == "GridStyle")
            {
                linkIncluded = true;
            }
        }
        if (!linkIncluded)
        {
            HtmlGenericControl csslink = new HtmlGenericControl("link");
            csslink.ID = "GridStyle";
            csslink.Attributes.Add("href", Page.ClientScript.GetWebResourceUrl(this.GetType(), "CustomControls.Styles.GridStyles.css"));
            csslink.Attributes.Add("type", "text/css");
            csslink.Attributes.Add("rel", "stylesheet");
            Page.Header.Controls.Add(csslink);
        }
    }

4. Si quieres hacer una referencia a una imagen pues embeber la imagen y referenciarla de esta manera en tu css:

background: url('<%=WebResource("CustomControls.Styles.Cross.png")%>') no-repeat 95% 50%;

Como ven esto es muy facil de implementar y espero que les sea de utilidad.

Pasar XML a stored procedure en SQLServer 2005 o superior

2013-03-04T14:10:00.002-08:00

Hola, hace tiempo vimos como pasar un XML a un sp en SQL2005, hoy les traigo una forma mas eficiente de pasar un xml por parámetro que funciona en 2005 o superior.

La diferencia principal radica que ahora si mandamos un tipo de datos XML propio del manejador de base de datos.
Ejemplo:

CREATE PROC spPrueba
@sXML XML
AS
BEGIN
-- Logica
END

Si mal no recuerdo el tipo de dato XML esta disponible a partir de la version 2005 de SQLServer y por lo tanto pueden aplicar la lectura de ese xml de la siguiente forma:

SELECT t.value('./@Clave','INT'),
t.value('./@Descripcion','VARCHAR(30)')
FROM @sXML.nodes('//row') x(t)

Donde @sXML es nuestro parametro, y "row" es nuestro nodo de cada elemento de nuestro xml, y por medio de "t" y la funcion "value" obtenemos nuestro valor de cada propiedad de nuestro nodo.

Les dejo aquí un ejemplo completo:

CREATE PROC spPrueba
@sXML XML
AS
BEGIN
SELECT t.value('./@Clave','INT'),
t.value('./@Descripcion','VARCHAR(30)')
FROM @sXML.nodes('//row') x(t)
END

go

--Ejecuto sp
EXEC dbo.spPrueba @sXML = '<row Clave="1" Descripcion="Dato 1" />
<row Clave="2" Descripcion="Dato 2" />' -- xml

go

DROP PROC spPrueba

De igual manera como lo hicimos en el ejemplo pasado podrian ejecutar un insert select para guardar directo en su tabla o en unta tabla temporal para procesar la información.

Espero que les sea de utilidad....
---------------------------------------
Lo que se puede imaginar... se puede programar

Nota: Articulo anterior: http://ganda-csharp.blogspot.mx/2012/07/pasar-un-xml-por-parametro-un-stored.html

Agregar método extendido a un objeto (clase o control) en C#

2012-10-23T15:00:00.000-07:00

Hoy veremos como agregar un método adicional a un clase o control que no son propios de nuestro código por ejemplo podríamos agregar una extensión a la clase DataTable que permita convertir todos sus datos a un XML, o agregar una extensión a un GridView para poder exportar a Excel. Estos tipos de métodos son muy útiles para encapsular una funcionalidad común para un tipo de objeto en especifico.

Ejemplo:

Primero agregamos una clase nueva a nuestro proyecto "ListBoxExtension", esta clase tendrá todos los métodos extendidos del control ListBox.

public static class ListBoxExtension
{
public static string ConvertToXml(this GandA.Web.UI.Controls.ListBox listBox)
{
string xml = string.Empty;
foreach (ListItem item in listBox.ControlListBox.Items)
{
xml = xml + "<Item><Value>" + item.Value + "</Value></Item>";
}

if (!string.IsNullOrEmpty(xml))
xml = "<Items>" + xml + "</Items>";

return xml;
}
}

Como pueden observar, para decir que nuestro método sera un extensión recibe como parámetro el control anteponiendo la palabra "this".
Si queremos utilizar el método, lo haremos de la siguiente manera:

protected void btnGuardar_Click(object sender, EventArgs e)
{
lstEstPaq.ConvertToXml();
}

Donde "lstEstPaq", es nuestro control ListBox, y "ConvertToXml" es nuestro extension. Podrán observar que este método sólo va a aparecer si se esta haciendo referencia a la clase ListBoxExtension, para ello agreguen su using.

using CLab.Utils.Extensions;

Donde "MiProyecto.Utils.Extensions" es mi namespace donde se encuentra mi clase ListBoxExtension.

Como pueden darse cuenta la extensión de métodos es algo muy sencillo de implementar y que nos ayuda a encapsular y agregar funcionalidades extras a clases o controles que no son parte de nuestro código.

Espero que esto les ayude, y cual quier duda preguntes

--------------------------------------------------------------
Lo que se puede imaginar... se puede programar

Número Aleatorio en C# - Random

2012-07-11T07:41:00.000-07:00

Hoy veremos como obtener números aleatorios en C# con la clase Random, esta clase que nos proporciona el framework como verán es muy fácil de utilizar, sólo hay que instanciar un objeto de esta clase y ejecutar el método Next, NextDouble o NextBytes.

Como verán podrán obtener aleatoriamente números enteros, decimales y arreglos de bytes, aquí les dejo un ejemplo:

using System;

namespace ConsoleApplication1
{
class Program
{
static void Main(string[] args)
{
Random numAleatorio = new Random();

// Numero maximo 100
Console.WriteLine("Numero maximo aleatorio 100");
Console.WriteLine(numAleatorio.Next(100));

Console.WriteLine(Char.ToString((char)32));
Console.WriteLine("Numero aleatorio entre 100 y 1000");
// Rango de 100 a 1000
for (int i = 0; i < 10; i++)
{
Console.WriteLine(numAleatorio.Next(100, 1000));
}

Console.WriteLine(Char.ToString((char)32));
Console.WriteLine("Numero aleatorio doble(decimal) entre 0 y 1");
// Numero decimal entre 0 y 1
Console.WriteLine(numAleatorio.NextDouble());

Console.WriteLine(Char.ToString((char)32));
Console.WriteLine("Presione Enter para Salir...");

int tecla = Console.Read();
}
}
}

Espero que esto les sea de utilidad....
-------------------------------------------------
Lo que se puede imaginar... se puede programar

Thread C#, Manejo de multiprocesos - hilos en .Net

2012-07-10T10:10:00.003-07:00

Hola, hoy veremos como manejar subprocesos en C# para evitar que nuestras pantallas se congelen al hacer una acción, esto aplica tanto para windows forms como para web forms, pero es mas común manejar lo en windows form. El manejo de estos hilos se pueden manejar con la clase Thread, aquí un ejemplo sencillo:

Thread t = new Thread(new ThreadStart(Process)); t.Start();

// Función a ejecutar en un hilo del proceso principal
private void Process()
{
////... Código
}

Como verán es muy sencillo ejecutar un método en un subproceso/hilo, con en metodo Start se dara inicio a ese subproceso y con la instrucción Abort, como su nombre lo dice podrás detener el subproceso lanzado de manera explicita. A continuación les dejo un ejemplo mas real de como se comportaría una pantalla si se ejecuta un proceso como subproceso y de manera normal.

using System;
using System.Windows.Forms;
using System.Threading;

namespace Multihilo
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}

private void BtnProcess_Click(object sender, EventArgs e)
{
Thread t = new Thread(new ThreadStart(Process));
//BtnProcess.Enabled = false;
t.Start();
//t.Join();
//BtnProcess.Enabled = true;

//Sin Multiproceso
}

private void Process()
{
double i, j;
double num=0;
for (i = 0; i < 10000; i++)
{
for (j = 0; j < 90000;j++ )
num = i;
}
MessageBox.Show("Numero = " + num.ToString());
}

private void BtnNormal_Click(object sender, EventArgs e)
{
Process();
}

private void BtnJoin_Click(object sender, EventArgs e)
{
Thread t = new Thread(new ThreadStart(Process));
//BtnProcess.Enabled = false;
t.Start();
t.Join();
//BtnProcess.Enabled = true;
}
}
}

Espero que esto les sea de utilidad.

Código fuente:
Descargar(en VS2008)
-------------------------------------
Lo que se puede imaginar... se puede programar

Pasar un XML por parámetro a un Stored Procedure en SQLServer 2005

2012-07-06T12:53:00.001-07:00

Hola, hoy les traigo algo muy interesante y que me a ayudado mucho a la hora de guardar un conjunto de información que traigo en memoria dentro de mi aplicación. Con esto podran guardar toda su información en una sola llamada al sp, sin necesidad de hacer un ciclo y mandar a llamar el sp n veces por cada registro a insertar.

Ejemplo:

CREATE PROC spTestXML
@psXML NVARCHAR(max)
AS
BEGIN
SET NOCOUNT ON
DECLARE @nIdXml INT
DECLARE @tblRegistros TABLE (Indice INT IDENTITY(1,1), ClaEmpleado INT, Nombre VARCHAR(100))

IF ISNULL(@psXML,'') <> ''
BEGIN
exec dbo.sp_xml_preparedocument @nIdXml OUTPUT, @psXML

INSERT INTO @tblRegistros (ClaEmpleado, Nombre)
SELECT ClaEmpleado, Nombre
FROM OPENXML (@nIdXml, '/Empleados/Empleado', 3)
WITH (ClaEmpleado INT, Nombre VARCHAR(100))

EXEC dbo.sp_xml_removedocument @nIdXml
END

SELECT * FROM @tblRegistros

SET NOCOUNT OFF
END

Ejecución:

EXEC spTestXML @psXML = '<Empleados>
<Empleado>
<ClaEmpleado>2001</ClaEmpleado>
<Nombre>Hugo</Nombre>
</Empleado>
<Empleado>
<ClaEmpleado>5214</ClaEmpleado>
<Nombre>Paco</Nombre>
</Empleado>
<Empleado>
<ClaEmpleado>7841</ClaEmpleado>
<Nombre>Luis</Nombre>
</Empleado>
</Empleados>'

Puntos importantes:

El parámetro del sp sera de tipo VARCHAR o NVARCHAR
Hay que ejecutar el sp " sp_xml_preparedocument " el cual te devuelve un ID (sobre este valor se trabaja para obtener los datos)
La función "OPENXML" y "WITH" nos ayudaran a obtener nuestros datos, digamos que nos convierte el xml a una tabla. Esta función recibe como parámetro el ID antes obtenido y un string especificándole la estructura de nuestro xml. En la función WITH se especifican los atributos que va a contener los valores del xml, digamos que aquí especificamos el nombre y tipo de dato que recibirá los valores que contiene nuestro xml.
" sp_xml_removedocument ", al final sólo removemos nuestro xml cargado en memoria con ayuda del ID generado con el primer sp.

Como pueden ver el manejo de xml en SQLServer es muy facil y nos puede ayudar en performance, para evitar ciclos inicesarios, si lo que queremos es insertar un conjunto de registro, en lugar de insertar uno por uno sólo sera necesario un INSERT SELECT.

Actualización (chequen esta forma que es mas sencilla de utilizar):
http://ganda-csharp.blogspot.mx/2013/03/pasar-xml-stored-procedure-en-sqlserver.html

Espero que esto les sea de utilidad
----------------------------------------------------------
Lo que se puede imaginar... se puede programar

Leer y escribir en una Cookie desde JavaScript

2012-07-05T12:34:00.001-07:00

Hola, hoy les dejo un ejemplo que me pareció muy interesante, leer y escribir en una Cookie desde JavaScript, normalmente cuando leemos una cookie lo hacemos desde código del lado del servidor, pero bueno aqui el ejemplo:

Para probar el ejemplo hagan copy paste en una pagina y al visualizarla en el explorador presionen F5 para recargar la pagina y el script pueda leer la cookie ya escrita al cargar por primera vez la pagina.

Espero que esto les sea de utilidad
-----------------------------------
Lo que se puede imaginar... se puede programar

Errores manejados en SQLServer, TRY ... CATCH, RAISERROR

2012-07-04T13:17:00.001-07:00

Hola, hoy veremos como manejar los errores en SQLServer 2005, y tambien como lanzar errores personalizados con la instrucción RAISERROR

El Try.. Catch funciona de manera similar como en C#, intenta la ejecución de un bloque de codigo y si marca algún error lo cacha.

Sintaxis en SQL:

BEGIN TRY

-- Instrucciones

END TRY

BEGIN CATCH

-- Manejo del error

END CATCH

A continuación muestro un ejemplo de como tratar un error que nos arroje SQL. La función ERROR_MESAGE propia de SQLServer contendrá la descripción del error.

Ejemplo, error división entre cero:

BEGIN TRY
SELECT 1/0
END TRY
BEGIN CATCH
SELECT ERROR_MESSAGE()
END CATCH
-----------------------------
Error manejado por usuario
(1 row(s) affected)

Ahora, para lanzar un error manejado por el usuario utilizaremos la funcion RAISERROR, se utiliza para devolver mensajes a las aplicaciones con el mismo formato que un error del sistema o un mensaje de advertencia generado por SQL Server Database Engine.
Ejemplo:

IF (SELECT 10/2) = 5
BEGIN
RAISERROR('Error manejado por usuario',16,1)
END
-----------------------------
Error manejado por usuario

Para mas información de la funcion RAISERROR:
http://msdn.microsoft.com/es-es/library/ms177497(SQL.90).aspx

Espero que esto les sea de utilidad, hasta la próxima publicación.
------------------------------------------
Lo que se puede imaginar... se puede programar

Concatenar valores por comas sin validar si es el primero o ultimo elemento

2012-06-29T16:07:00.002-07:00

Para concatenar elementos en SQLServer ya sea separadas por coma u otro carácter de separación podemos utilizar la función COALESCE, esta función es parecido a un CASE, si la primera expresión es nula tomara la siguiente expresión y así de esta manera nos evitaremos validar si es la primera vez para no ponerle el carácter de separación ",".

Ejemplo:
-- Tabla temporal
DECLARE @tblNombres TABLE(Nombre VARCHAR(30))
-- Inserto sus valores
INSERT INTO @tblNombres
( Nombre )
SELECT 'Jose'
UNION
SELECT 'Juan'
UNION
SELECT 'Pedro'
UNION
SELECT 'Paco'
UNION
SELECT 'Luis'
SELECT * FROM @tblNombres

-- Aquí la solución sencialla de concatenar sin case o if
DECLARE @sNombres VARCHAR(100)
SELECT @sNombres = COALESCE(@sNombres + ',', '') + Nombre
FROM @tblNombres
SELECT @sNombres AS Nombres

Resultado:
(5 row(s) affected)
Nombre
------------------------------
Jose
Juan
Luis
Paco
Pedro
(5 row(s) affected)

Nombres
----------------------------------------------------------------------------------------------------
Jose,Juan,Luis,Paco,Pedro
(1 row(s) affected)

No se les olvide comentar y darle un +1.

----------------------------------------------------------------------------------------------------
Lo que se puede imaginar... se puede programar

Redondear o truncar decimales en SQLServer

2012-06-29T15:35:00.002-07:00

Después de bastante tiempo por fin me doy el tiempo de hacer otra publicación sobre programación, hoy veremos como redondear o truncar decimales en sql.

Con redondeo:

SELECT ROUND(100.4658, 2)

---------------------------------------

100.4700

Truncado:

SELECT ROUND(100.4658, 2, 1)

---------------------------------------

100.4600

Truncar y quitar ceros a la derecha

SELECT CONVERT(FLOAT, ROUND(100.4658, 2, 1))

----------------------

100.46

Espero que estoy les sea de utilidad, y no se olviden comentar y dar un +1.

---------------------------------------------------------------

Lo que se puede imaginar... se puede programar

Como utilizar el ValidatorCallout de Ajax Control Toolkit

2012-02-19T14:53:00.000-08:00

Hoy veremos como utilizar un extender de los controles Validation de asp.net, este control nos ayudara a mostrar una interfaz mas amigable para el usuario, como se muestra en la siguiente imagen:

Como podrán observar en la imagen el controles se muestran marcados en rojo y si alguno de ellos esta en foco se muestra un mensaje en forma de globo, este puede contener una imagen y texto con el error de validación.
Ahora veamos como utilizarlo:

En el aspx

<asp:TextBox ID="TxtUsuario" runat="server" Width="160px" MaxLength="20" CssClass="TextBox"></asp:TextBox>

<asp:RequiredFieldValidator ID="rfvUsuario" runat="server" ErrorMessage="Nombre de usuario requerido"

ControlToValidate="TxtUsuario" SetFocusOnError="true" Display="None"></asp:RequiredFieldValidator>

<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" runat="server" TargetControlID="rfvUsuario"

HighlightCssClass="validatorCalloutHighlight" CssClass="CustomValidatorCalloutStyle">

</ajax:ValidatorCalloutExtender>

Los estilos que utiliza:

.CustomValidatorCalloutStyle div,

.CustomValidatorCalloutStyle td {

border:solid 1px Gray; background-color: #F7F3F3;

}

.validatorCalloutHighlight

{

border:solid 1px red;

background-color: #FFF4F4;

}

Como verán es algo sencillo de utilizar, lo importante aqui es en lazar el control al extender con la propiedad TargetControlID.

Otra cosa importante es que agreguen la referencia del control a la pagina o al Web.config

<pages>

</controls>

</pages>

Espero que esto les sea de utilidad y pronto pondre mas ejemplos sobre los controles de Ajax Control Toolkit.

Visiten:

http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/

Lo que se puede imaginar ... se puede programar

PageMethods en Asp.Net AJAX

2012-01-26T14:00:00.000-08:00

Hola, hoy veremos como utilizar ajax de una manera muy sencilla, esto se logra atreves de los PageMethods, estos se comunicaran con un WebMethod que este en nuestro código de la pagina (del lado del servidor) .

Lo primero que aremos es definir nuestro WebMethod, esto significa que a nuestro método lo decoraremos con el atributo [WebMethod], ejemplo:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Services;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace WebApplication2

{

public partial class _Default : System.Web.UI.Page

{

[WebMethod]

public static List<Persona> SendForm(string name)

{

////return name + " - Fue al servidor";

List<Persona> p = new List<Persona>();

p.Add(new Persona("Nombre 1", 26));

p.Add(new Persona("Nombre 2", 26));

return p;

}

protected void Page_Load(object sender, EventArgs e)

{

}

public class Persona

{

public Persona()

{

}

public Persona(string nombre, int edad)

{

Nombre = nombre;

Edad = edad;

}

public string Nombre

{

get; set;

}

public int Edad

{

get; set;

}

Cabe aclarar que un un PageMethod podrá retornar casi cualquier tipo de datos que regrese el WebMethod, en este ejemplo retorna una lista de objetos de tipo Persona.

Ahora del lado del cliente definimos lo siguiente:

1. Habilitar los PageMethods

Lo que hay que hacer para permitir PageMethods es prender una propiedad de nuestro ScriptManager.

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">

<Scripts>

<asp:ScriptReference Path="~/Scripts/Default.js" />

</Scripts>

</asp:ScriptManager>

Tambien aprovechamos para hacer referencia a nuestro js que contiene las funciones que utilizaremos.

2. Crear nuestro script (Default.js)

Esta es la función que llamaremos desde el click de un botón (el nombre es indistinto), el objeto PageMethods contiene los webMethods que tengamos en nuestro codigo de la pagina (en el .cs)

function SendForm() {

var name = $get(textBox1).value;

PageMethods.SendForm(name, OnSucceeded, OnFailed);

}

Las funciones de OnSucceeded y OnFailed deben ser incluidas como parámetros en la ejecución de nuestro PageMethod PageMethods.SendForm(name, OnSucceeded, OnFailed), y el primer parámetro es parte de nuestro WebMethod.

Esta function cacha el resultado de nuestro webMethod:

function OnSucceeded(lista) {

$get(lblPrueba).innerHTML = string;

}

Esta function es utilizada para cachar un possible error:

function OnFailed(error) {

alert(error.get_message());

}

3. En el aspx:

<p>

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<ContentTemplate>

<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="SendForm();" />

</ContentTemplate>

</asp:UpdatePanel>

<asp:Label ID="LblPrueba" runat="server" Text="Label"></asp:Label>

</p>

<script type="text/javascript">

var lblPrueba = '<%=LblPrueba.ClientID %>';

var textBox1 = '<%=TextBox1.ClientID %>';

</script>

Como ven esta manera de utilizar ajax es muy facil y te olvidas de mandar a llamar un pagina y en el load procesar la petición... entre otras cosas, de esta forma el codigo queda en la misma pagina y se manda a llamar de una manera transparente.

Espero que esto les sea de utilidad.

Lo que se puede imaginar ... se puede programar

TextBox sólo números enteros

2011-12-08T13:09:00.001-08:00

Hoy veremos como validar un input de tipo text (aplica también para controles de asp.net) para que acepte sólo números enteros.
Lo primero que hay que hacer es agregar estas dos funciones que detallo a continuación:

Esta función permite validar un numero entero con una expresión regular y que utilizaremos para validar la entrada de datos (onkeypress):

function validarNum(e)
{
tecla = (document.all) ? e.keyCode : e.which;
if (tecla == 8) return true;
patron = /\d/;
te = String.fromCharCode(tecla);
return patron.test(te);
}

Esta función la utilizaremos en el evento "onchange" para validar los datos pegados (ctrl v) a nuestro textbox, este evento entrara cuando se pierda el foco del control y exista un cambio, y es ahí cuando validamos si lo introducido es un numero entero valido, si no lo es lo borramos.

function quitaNoNumero(obj)
{
patron = /\d/;
if (!patron.test(obj.value))
{
obj.value="";
}
}

Estas dos funciones de javascript pueden estar en la propia pagina o en un archivo .js, ya depende de ustedes, aquí les dejo el un ejemplo de como utilizarlas:

<html>
<head>
<script type="text/javascript">
function validarNum(e)
{
tecla = (document.all) ? e.keyCode : e.which;
if (tecla == 8) return true;
patron = /\d/;
te = String.fromCharCode(tecla);
return patron.test(te);
}
function quitaNoNumero(obj)
{
patron = /\d/;
if (!patron.test(obj.value))
{
obj.value="";
}
}
</script>
</head>
<body>
<input type="text" onkeypress = "return validarNum(event)" onchange="quitaNoNumero(this)" />
</body>
</html>

Los comentarios son bien recibidos... hasta la próxima.

-------------------------------------------------
Lo que se puede imaginar ... se puede programar

Manejo de teclado en web

2011-12-07T11:56:00.001-08:00

Como lo vimos anteriormente en web también podemos tener el control de cachar las teclas pulsadas por el usuario, esto lo hacemos sobrescribiendo el evento keydown de document:

document.onkeydown = function(){
}

Por ejemplo, si queremos agregar funcionalidad de que al presionar F5 se realice cierta acción o que al presionar ESC se cancele o cierre cierta ventana o div flotante, etc. lo haremos mediante este evento.

El ejemplo que muestro a continuación, cancela todas las teclas F (F2 a F12):

Poner en el Head
document.onkeydown = function(){

if(window.event){

switch(window.event.keyCode)

{

case 112:

case 113:

case 114:

case 115:

case 116:

case 117:

case 118:

case 119:

case 120:

case 121:

case 122:

case 123:

case 219:

window.event.keyCode = 505;

break;

}

if(window.event && window.event.keyCode == 505){

return false;

}

Como pueden ver no se puede cancelar la tecla F1 (112) de la manera anterior, por que esta tecla es usada por el explorador para mostrar la ayuda (por lo menos en internet explorer)... pero si agregamos el siguiente evento en el body podemos cancelar esa tecla:

onhelp="return false;"

Así como sobrescribimos este evento podemos sobrescribir otros eventos para nuestros usos...
Espero que les sea de utilidad... no olviden comentar

------------------------------------------------
Lo que se puede imaginar...se puede programar

Cancelar el F5 en una pagina web

2011-12-07T11:42:00.001-08:00

Hoy veremos como cancelar la tecla F5 (refresh) para evitar que recarguen nuestra pagina. Esto lo haremos sobrescribiendo el evento keydown de document:

document.onkeydown = function(){
}

Y para saber cual tecla pulso lo aremos por medio de window.event.keyCode, para nuestro ejemplo agregamos una función que pone la hora y de esta manera vemos que realmente que no se esta refrescando nuestra pagina. De igual manera agrego un evento a un input para que vean que no se esta sobrescribiendo los eventos de los demás controles.

Ejemplo completo:

<html>
<head>
<script language="javascript">

document.onkeydown = function(){
if(window.event){
if(window.event.keyCode == 116)
{
return false;
}
}
}

function pon_hora(){
var dHora = new Date();
var res = String(dHora.getHours()) + ":" + String(dHora.getMinutes()) + ":" + String(dHora.getSeconds());
document.frm.txt.value = res;
return res;
}

function txtKey()
{
alert('No sobreescribe el evento keydown de los controles')
}

</script>
</head>
<body onload="pon_hora()">
<form name="frm">
<h1><b>ANULACIÓN DE LA TECLA TECLA F5</b><br></h1>
Hora actual: <input type="text" name="txt" onkeydown="return txtKey();"><br><br>
(Al seleccionar el botón "Actualizar" del navegador la hora debería actualizarse, pero con la tecla F5 no)
</form>
</body>
</html>

Rellenar un valor con ceros a la izquierda en SQLServer

2011-12-05T11:50:00.001-08:00

Como sabrán en SqlServer no existe ninguna función que te permita rellenar un valor numerico con ceros a la izquierda, bueno aunque no se si el la versión 2008 ya exista, hasta el momento sólo he manejado hasta la 2005.

Para completar una cifra con ceros a la izquierda utilizaremos un truco muy sencillo que he utilizado, esto se hace con la instrucción Right.

Ejemplo:

DECLARE @nMiCampo INT
SET @nMiCampo = 20
SELECT RIGHT('00000' + CONVERT(VARCHAR(10), @nMiCampo), 5)

Lo que hacemos con nuestro valor es concatenar una cadena de ceros a su derecha y después con la instrucción Right sólo tomamos nuestro tamaño de caracteres que queremos.

Ejemplo, si queremos mostrar un consecutivo de 6 dígitos, concatenamos 5 ceros, tomando en cuenta que siempre tendremos un dígito en nuestro valor y así con la instrucción Right tomaríamos los primero 6 dígitos de derecha a izquierda.

Buenos, espero que les sea de utilidad, hasta la próxima publicación.

---------------------------------------

Lo que se puede imaginar ... se puede programar

Formatear número a tipo moneda en SQLServer

2011-12-05T11:33:00.001-08:00

Hoy veremos como formatear un valor numérico a tipo moneda (###,###.00), las siguientes instrucciones nos permitirá darle ese formato a nuestro dato.

Ejemplo 1:
SELECT CONVERT(VARCHAR(30), CONVERT(MONEY, 1250.86), 1)
Resultado:
1,250.86

Ejemplo 2:

SELECT CONVERT(VARCHAR(30), CONVERT(MONEY, 1250), 1)
Resultado:
1,250.00

Ejemplo 3: Si queremos que no aparezcan los dos decimales
SELECT LEFT(CONVERT(VARCHAR(30), CONVERT(MONEY, 1250), 1), LEN(CONVERT(VARCHAR(30), CONVERT(MONEY, 1250), 1))-3)
Resultado:
1,250

Bueno esto fue algo rápido y sencillo que no necesita mas explicación, espero que les sirva.

-------------------------------------------------------------------------------------------
Lo que se puede imaginar ... se puede programar

Enviar un correo electrónico en .Net

2011-12-04T17:45:00.001-08:00

Les dejo el siguiente código para enviar un correo electrónico:

Clase Smtp:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Net.Mail;
using System.Net;

namespace ServerSmtp
{
public class Smtp
{
#region Variables
String _To;
String _From;
String _ServerSMTP;
String _Password;
String _Body;
String _subject;
bool _isBodyHtml;
int _puerto;
#endregion

#region Propiedades
public String To
{
set { _To = value; }
}
public String From
{
set { _From = value; }
}
public String SMTP
{
set { _ServerSMTP = value; }
}
public String Password
{
set { _Password = value; }
}
public String Body
{
set { _Body = value; }
}
public String Subject
{
set { _subject = value; }
}
public bool isBodyHtml
{
set { _isBodyHtml = value; }
}
public int Puerto
{
set { _puerto = value; }
}
#endregion

public void Send()
{
SmtpClient clienteSmtp = new SmtpClient(this._ServerSMTP, this._puerto);
clienteSmtp.UseDefaultCredentials = false;
clienteSmtp.EnableSsl = true;
if (this._Password.Trim() != "")
clienteSmtp.Credentials = new NetworkCredential(this._From, this._Password);

try
{
MailMessage msg = new MailMessage();
msg.To.Add(new MailAddress(this._To));
msg.From = new MailAddress(this._From);
msg.Subject = this._subject;
msg.IsBodyHtml = true;
msg.Body = this._Body;

clienteSmtp.Send(msg);
}
catch (SmtpException ex)
{
throw new Exception(ex.Message);
}
catch (Exception e)
{
throw e;
}
}
}
}

Como utilizar la clase:

Smtp email = new Smtp();
email.From = "prueba@gmail.com";
email.Password = "password";
email.SMTP = "smtp.gmail.com";
email.Puerto = 587;
email.To = para@gmail.com;
email.isBodyHtml = true;
email.Subject = "Subject";
email.Body = "<div style='font-family:Arial, Helvetica, sans-serif;font-size:11px;'>Prueba</div>";
email.Send();

-------------------------------------------------
Lo que se puede imaginar .. se puede programar

Crear una pagina base en .Net

2011-12-01T12:41:00.001-08:00

Hoy veremos lo sencillo que es crear una pagina base en .Net y la utilidad que tiene.

¿Que es una pagina base?

Es una clase responsable de definir las propiedades comunes, definir los valores por defecto, lógica de renderización básica.

Por ejemplo, puede ser utilizada para validar si la sesión del usuario sigue activa y si no es así sacarlo de la pagina actual. Hay mil funcionalidades que tus paginas pueden tener en común, y esto te ayudara a que el código quede centralizado y reutilizado por cada pagina que herede de la pagina base.

Ahora si, sabiendo para que nos sirve una pagina base vamos al ejemplo.

Ejemplo en C#

Clase Base: Nuestra clase base hereda de Page como lo hacen todas la paginas.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace Ejemplo.Base
{
public class PageBase : System.Web.UI.Page
{
//Aquí sobre escribimos los eventos de una pagina, de igual manera podemos agregar métodos y propiedades

protected override void OnLoad(EventArgs e)
{
// Logica comun al cargar la pagina

// Ejecuta el load de la pagina que utiliza la pagina base
base.OnLoad(e);
}

// De igual manera podemos sobreescribir otros eventos
protected override void OnLoadComplete(EventArgs e)
{
base.OnLoadComplete(e);
}
}
}

Aplicando nuestra pagina base:

using System;
using System.Collections.Generic;
using System.Data;
using System.Web;
using System.Linq;
using System.Text;

namespace Ejemplo
{
public partial class CarritoDetalle : PageBase //-> Antes System.Web.UI.Page, se remplaza por nuestra clase
{
protected void Page_Load(object sender, EventArgs e)
{
//La código del load se esta ejecutando después del load de la pagina base
}
}
}

Este es un ejemplo muy practico y fácil que pueden utilizar, espero que les sea de utilidad.

-----------------------------------------------------
Lo que se puede imaginar ... se puede programar

IsDate() en C#

2011-12-01T12:36:00.001-08:00

C# no cuenta con una función IsDate como Visual Basic, pero la podemos emular de la siguiente manera:

private void Form1_Load(object sender, EventArgs e)

{

if (IsDate("01/12/2011"))

{

MessageBox.Show("Es fecha valida");

}

private bool IsDate(string fecha)

{

DateTime dt;

return DateTime.TryParse(fecha, out dt);

}

------------------------------------------

Lo que se puede imaginar... se puede programar

IsNumeric en C#

2011-12-01T12:02:00.001-08:00

La función isNumeric en C# no existe, pero podemos utilizar el tryparse para emular esta función de Visual Basic.

Aquí les dejo un ejemplo de como utilizarla:

   private static bool IsNumeric(string value)
   {
      int number;
      return Int32.TryParse(value, out number);
   }

--------------------------------------------------------

Lo que se puede imaginar... se puede programar

Leer un archivo de texto mediante System.IO

2011-11-30T08:39:00.001-08:00

Hoy veremos cómo leer un archivo de texto y almacenarlo en un ArrayList mediante la librería System.IO.
Para cargar y leer un archivo de texto desde Visual C# .NET, siga estos pasos:

Haga referencia a namespace System.IO y System.Collections para poder leer el archivo y manejar los ArrayList.

using System;
using System.IO;
using System.Collections;

Para abrir un archivo y leerlo, cree una nueva instancia de un objeto StreamReader y pase la ruta del archivo en el constructor de la siguiente manera:

StreamReader objReader = new StreamReader("c:\\test.txt");

Necesitará una variable de cadena en la que almacenar cada una de las líneas del archivo a medida que avanza en el proceso. Puesto que agregará estas líneas a un objeto ArrayList, debe declarar y crear un objeto de este tipo también.

string sLine="";ArrayList arrText = new ArrayList();

Existen varios métodos para leer el archivo, incluido el método ReadToEnd que lee todo el archivo de una vez. Sin embargo, para este ejemplo, puede utilizar el método ReadLine para que las líneas del archivo se muestren de una en una. Al llegar al final del archivo, este método devuelve un valor nulo, lo que permite terminar el bucle. Mientras lee cada línea del archivo, puede utilizar el método Add de ArrayList para insertar las líneas en la clase ArrayList.

while (sLine != null){sLine = objReader.ReadLine();if (sLine != null) arrText.Add(sLine);}objReader.Close();

Utilice un bucle For Each para escribir el contenido del objeto ArrayList recién llenado en la consola de la siguiente manera (el arraylist puede ser utilizado dependiendo de tu funcionalidad):

foreach (string sOutput in arrText)Console.WriteLine(sOutput);Console.ReadLine();

Lista completa de código

using System;
using System.IO;
using System.Collections;
namespace TextFileReader_csharp
{
/// <summary>
/// Descripción de resumen para Class1.
/// </summary>
class Class1
{
static void Main(string[] args)
{
StreamReader objReader = new StreamReader("c:\\test.txt");
string sLine="";
ArrayList arrText = new ArrayList();
while (sLine != null)
{
sLine = objReader.ReadLine();
if (sLine != null)
arrText.Add(sLine);
}
objReader.Close();
foreach (string sOutput in arrText)
Console.WriteLine(sOutput);
Console.ReadLine();
}
}
}

Espero que esto les haya servido de ayuda.
Lo que se puede imaginar… se puede programar