12 horas de video Sobre Visual Studio

Ya salieron las versiones de video ondemnad sobre las presentaciones de visualstudio que se realizaron en enero y bueno quie el link http://globbtv.com/12/microsite/2012/

GMAP3: una libreria de Ajax para manejar Google Maps

BIen ahora que ando metido en esto de ASP .NET pues necesitaba algo que me permita manejar mejor los googlemaps y bueno he encontrado esta libreria que parece ser bastante buena yo la la he desrgado mediante NuGet pero la pueden descargar desde su pagina tambien y como es de Ajax pues la usas tanto en ASP como en PHP y bueno el uso en .NET es asi:

<%@ Page Title=”Home Page” Language=”C#” MasterPageFile=”~/Site.master” AutoEventWireup=”true”
    CodeBehind=”Default.aspx.cs” Inherits=”WebApplication1._Default” %>

<asp:Content ID=”HeaderContent” runat=”server” ContentPlaceHolderID=”HeadContent”>
    <script type=”text/javascript” src=”http://maps.google.com/maps/api/js?sensor=false”></script>
    <script src=”~/Scripts/jquery-1.7.1.min.js” type=”text/javascript”></script>
    <script src=”Scripts/gmap3.min.js” type=”text/javascript”></script>
   
    <script type=”text/javascript”>
        $(function () { // or $(document).ready(function(){
            $(“#example”).gmap3(
            { action:’init’,
                options:{
                    center: [-16.438389, -71.528358],
                zoom: 5
                        }
            });
        });
</script>
</asp:Content>

<asp:Content ID=”BodyContent” runat=”server” ContentPlaceHolderID=”MainContent”>
    <h2>
        Welcome to ASP.NET!
    </h2>
        <div id=”example” style=”height:350px; width:600px”></div>
</asp:Content>

GoogleMaps.Subgurim.NET: Control de usuario de Google Maps para ASP.NET

Bien debido a mi articulo sobre GMAPS.NET me consultaron sobre como usar un control de googlemaps en asp .net, pues en un principio pense que la libreria dada en ese articulo era suficiente pero me di cuenta que era solamente par WinForms y WPF bien pues en el mismo comentario me indicaban la existencia de un control para ASP .NET y bueno he decido poner aqui un ejemplo de como es que funciona.

Lo primero hay que descargar este control de la pagina del autor, cabe resaltar que este control es de pago y cuesta 10 euros y esta hecho en el .NET FrameWork 2.0.

Una vez descargada la libreria pues la adicionas a tu barra de controles de .NET y luego solo tienes que jalar y soltar el control en cualquier webform y “debe de funcionar” pero no es asi tienes que tener una API de GoogleMaps, bueno vaz y la consigues en http://www.google.com/apis/maps/signup.html una vez que tengas esa clave puedes insertar esa clave n tu control o en el web config de tu aplicacion como lo explica el autor de la libreria en este enlace bien cuando ya la tienes pues todo funciona a las mil maravillas.

En el caso de la cuestion que me planteaba Brayan Gómez  el cometio un error de logica y era que añadia una clase en donde colocaba el codigo para la deficion del control lo que debio de hacer es pegar ese codigo en el webform que contenia el control gmaps quedando de esta forma:

protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                GLatLng ubicacion = new GLatLng(40.381090863719436, -3.6222052574157715);
                // Mapa1.setCenter(ubicacion, 15);

                //Establecemos alto y ancho en px
                GMap1.Height = 560;
                GMap1.Width = 660;

                //Adiciona el control de la parte izq superior (moverse, ampliar y reducir)
                GMap1.addControl(new GControl(GControl.preBuilt.LargeMapControl));

                //GControl.preBuilt.MapTypeControl: permite elegir un tipo de mapa y otro.
                GMap1.addControl(new GControl(GControl.preBuilt.MapTypeControl));

                //Pone la marca de gota de agua con el nombre de la ubicacion
                GMarker marker = new GMarker(ubicacion);
                string strMarker = “<b>” +
                    “esASP.NET</b>” +
                    ” C/ C/ Nombre de Calle, No X  28031 Madrid, España ” +
                    “Tel: +34 902 00 00 00 Fax: +34 91 000 00 00″ +
                    “Web: <a href=’http://www.esASP.net/’ rel=\”nofollow\”>www.esASP.net</a>” +
                    “Email: <a href=’mailto:derbis.corrales@gmail.com’ rel=\”nofollow\”>” +
                    “derbis.corrales@gmail.com</a>”;
                GInfoWindow window = new GInfoWindow(marker, strMarker, true);
                GMap1.addInfoWindow(window);

                GMap1.enableHookMouseWheelToZoom = true;

                //Tipo de mapa a mostrar
                GMap1.mapType = GMapType.GTypes.Normal;

                //Moverse con el cursor del teclado
                GMap1.enableGKeyboardHandler = true;

            }
        }

ASP.NET Dynamic Data y AJAX TOOLKIT (Parte I)

Los proyectos web creados con ASP.NET Dynamic Data ahorran en grandes cantidades la codificación de cosas como hacer mantenimientos a tablas (altas, bajas, editar) y asu vez implementa automaticamente las caracteristicas de las bases de datos pues si tengo una tabla que depende otra por un FK pues automáticamente me crea el campo como un dropdowslist para esa como por ejemplo si tengo una tabla categorias y una tabla productos y mi tabla productos  tiene un FK hacia el PK de la tabla Categorias pues me crea un campo para filtrar por categorias los productos y cuando quiero agregar o editar tambien me agrega el dropdownlist para seleccionar la categoria en la parte de productos y lo hace de forma automática.

Bueno no trato de explicar como se hace un proyecto de ASP.NET Dynamic Data, pues ya esta escrito en varios sitios pero aqui uno en catellano en el blog de Jhonnys López Celedon – Microsoft .NET pero lo que voy a explicar ahora es como hacer que el AJAX TOOLKIT trabaje con este tipo de proyectos ya que por ejemplo un campo DateTime lo muestra como un textbox, cosa que es muy complicado de trabajar para el usuario, lo que queremos es que salga un DateTimePicker para que el usuario asi pueda trabajar con mas flexibilidad las fechas, pues para eso esta el AJAX TOOLKIT que implementa ya un control calendar de ese tipo pero existen algunas cosas con las que me he topado.

Primero hay que descargarlo e instlarlo en nuestra barra de controles de VS, la descarga esta en CODEPLEX alli descargas y la instalacion la realizas agregando los controles a la barra de herramientas de VS dandole boton derecho a la barra de herramientas y seleccionando en la carpeta que extraistes el AJAXTOOLKIT la DLL AjaxControlToolkit.dll y te agrega los controles de esa libreria.

Para que funcionen estos nuevos controles en una pagina web tienes que usar un ToolkitScriptManager pues sin ello no funciona, pero si lo colocas en alguno de los masterpage de tu proyecto ASP.NET Dynamic Data te va a saltar un error que dice algo como “solo se puede usar un ScriptManager por pagina” eso sucede por que las aplicaciones de este tipo implementan ya un script manager en el Site.master del proyecto asi que tienes que ir a al site.master y borrar ese scriptmanager y colocar el de ajaxtoolkit que lo arrastas desde la barra de controles hacia el archivo jsusto enla posicion en que estaba el anterior scriptmanager (personalmente lo hago en la vista de codigo del html) y con eso funcionarian tus controles, una cuestio mas es que seria mejor cambiar el TagPrefix=”asp” del ajaxtoolkit por otro cualquiera.

Ahora para hacer lo que queria poner el datetimepicker pues vamos a tener que editar los fieldtemplates del proyecto pues queremos que al momento de editar un tipo de dato datetime se muestre nuestro calendar del ajaxtoolkit pues vamos al DateTime_Edit.ascx y lo editamos, lo que veraz es algo como esto:

Luego desde la vista de codigo tienes que jalar el control calendar (el del ajaxtoolkit) y queda como esto:

Si te fijas el control calendar que he agregado tiene como tag AjaxControlToolkit pues esa etiqueta fue la que le puse como tagprefix a mi scriptmanager y tambien tiene  un TargerControlID=”TextBox1″ que es que le indica que cada vez que se ingrese al control textbox1 se muestre nuestro calendar y que cuando se seleccione un valor en el mismo este se carge en el control textbox1, grabamos y con eso ya tenemos nuestra pagina funcionando para todos los controles que vengan de un datetime pues simpre se mostrara de esa manera.

 

 

 

 

Bueno con esto termino la primera entrega de esta tecnologia y espero postear algo mas en la medida que me de el tiempo y tambien cuando vaya aprendiendo mas.

 

10 videotutoriales para aprendr jquery

Pues he encontrado esta pagina con videotutoriales sobre jquery y me han parecido verdaderamente buenos, pues aqui les dejo el enlace http://fdoyanes.blogspot.com/search/label/Videotutoriales-Jquery