Blog del Leo

Se que mucha de la gente que visita este blog viene a dar sus primeros pasos en ASP.NET por ello, y por petición de Julio, cree un pequeño artículo que muestra dos formas de cargar un dropdownlist en ASP.NET.

Primero ubiquemos nuestro escenario.

• Tendremos un botón que ejecutará el postback para que nosotros podamos cargar los combobox, y dos dropdownlist, los cuales se cargaran con la misma información pero de distinta manera. Los dropdownlist estarán dentro de UpdatePanel los cuales serán gatillados presionando el botón, asi evitaremos el refresco de la página.

• Una vez que presionemos el botón, se ejecuta el evento Click en el cual buscaremos la información a cargar en los combobox.
• En el combobox 1, cargaremos con el primer método que consta en el uso de la propiedad DataSource del control Dropdownlist, más detalle en la imagen a continuación.

• El segundo combobox, lo cargaremos añadiendo de manera manual los itemes que serán asociados. Más detalle en la imagen a continuación.

• Si ejecutamos la aplicación veremos que ambos combobox cargan la misma información pero solo el método a utilizar es distinto.

Descargar Ejemplo

Este pequeño tutorial, es para el uso de Master Page en nuestras aplicaciones web. Antes que todo, debemos entender que encierra el concepto de Master Page o Página Maestra en español, la idea principal es encerrar en una sola plantilla las características generales de nuestra aplicación web tales como un diseño uniforme para todas las páginas de la aplicación, funcionalidades, etc. las cuales serán heredadas a las demás páginas que usen como base nuestra Master Page.

Todo eso suena bonito, pero ¿cómo lo hacemos?
Primero, ejecutamos Microsoft Visual Studio 20XX, seleccionamos Nuevo Proyecto->Nuevo Sitio Web.

Ya creado nuestro proyecto web, vamos a añadir un nuevo ítem llamado Master Page. Seleccionamos nuestro proyecto web con el botón secundario del mouse y seleccionamos la opción ‘Añadir Nuevo Ítem‘.
Se nos abrirá una nueva ventana donde seleccionaremos Master Page, le otorgamos un nombre y aceptar.

Una vez ya creado el Master Page, comenzamos a diseñar como será la plantilla de nuestro sitio web como si fuese una página web más. Al crear esta página web debemos dejar un espacio donde irá el contenido que agregaran las otras páginas web, este contenido se llama ContentPlaceHolder y es desde aquí donde comenzarán a trabajar las páginas que hereden de nuestra MasterPage.

En el lado diseño, se verá asi el ContentPlaceHolder

Con esto ya tendriamos lista nuestra Página Maestra (MasterPage), ahora vamos a usarla creando una nueva página web que herederará su diseño.

Para ello vamos a ‘Añadir Nuevo Ítem‘ -> ‘Web Form Using Master Page‘

Al elegir esta opción nos preguntará que MasterPage queremos usar, podemos tener n-MasterPage en nuestro proyecto web, y presionamos OK.

El código que nos generará para esta nueva página web, no es el mismo que generá para una nueva página web estándar. Sólo tendremos la declaración de la página y a que Master Page referencia más el ContentPlaceHolder. Agregamos un mensaje dentro del ContentPlaceHolder. ver imagen a continuación.

Pero si pasamos a la vista de diseño veremos algo totalmente diferente y veremos como queda el mensaje que colocamos dentro del ContentPlaceHolder.

Al pasar a la vista de diseño vemos que el unico lugar donde podemos colocar información es dentro del ContentPlaceHolder lo demás está bloqueado pero heredamos todo el diseño del MasterPage.

Si ejecutamos la aplicación, nuestra página web se vería así.

Espero les sirva,
saludos.

Descargar código

PD: Jano espero haber sido claro con el tutorial

¿Qué necesitamos previamenta para implementar nuestra primera aplicación en Windows Azure?

• Development Kit de Windows Azure
• Instalar IIS 7
• Tener Visual Studio 2008 + SP1 o Visual Studio 2010 RC

Teniendo instalado todo esto, podemos crear nuestra primera aplicación Azure. Para comenzar con algo básico haremos el típico “Hola Mundo”, como para dar la bienvenida a este tipo de aplicaciones en la nube.

Paso 1.- Primero que todo, cuando queremos construir una aplicación con Windows Azure debemos ejecutar Visual Studio con permisos de administrador, ya que este necesita habilitar unos servicios especiales.

Paso 2.- Una vez iniciado Visual Studio vamos a Nuevo -> Proyecto y alli seleccionamos en tipos de proyecto Cloud y finalmente Windows Azure Cloud Service. Seleccionamos el lenguaje en el cual queremos trabajar y nombre de la solución.

Paso 3.- A continuación se nos abrirá una nueva ventana con opciones con los tipos de roles que podemos crear en este servicio Azure, elegiremos ASP.NET Web Role y asignamos el nombre del proyecto.

Paso 4.- Y se generá la estructura de una aplicación Azure. Como se muestra en la imagen de abajo, tenemos dos proyectos, el primero contiene a la aplicación web propiamente tal y la segunda, contiene el servicio Azure en el rol que seleccionamos más sus archivos de configuración.

Paso 5.- Ahora construiremos en el archivo Default.aspx nuestra gran código de la aplicación.

1
2
3
4
5
6
7
8
9
10
11

<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        Hola Mundo!
    </div>
    </form>
</body>
</html>

Paso 6.- Ahora ejecutamos nuestra aplicación y veremos que se levanta el servicio Azure (para ello necesitabamos ejecutar Visual Studio con permiso de administrador).

Paso 7.- Disfrutar de a ver creado nuestra primera aplicación en ambiente de Windows Azure.

Espero les sirve para ingresar al mundo de Azure, a lo mejor un tanto básico para algunos pero por alguna parte hay que empezar. Pronto un nuevo post con algo más avanzado con Windows Azure.

Descargar el ejemplo de Windows Azure

Saludos a todos.

Si me preguntan por el título del post, sí, es raro, pero no se me ocurrió otra manera de explicar lo que queria hacer, la idea es apoyar la información que entregamos en un gridview utilizando el ‘footer’ como apoyo a nuestra grilla, en el caso de nuestro ejemplo nos servira para desplegar el monto total de autos registrados.

¿Y en donde se hace esto?
En el evento RowDataBound de la grilla, preguntamos si el tipo de fila que se esta dibujando es el footer para plasmar nuestra información de resumen.

¿Dónde escribimos los datos que queremos?
La fila (Row) que acompaña al evento en el footer tiene una propiedad llamada Cells que identifican a cada celda del footer comenzando desde el 0 hasta el tamaño de columnas menos 1, dentro de la celda tiene la propiedad Text donde podremos escribir tanto numeros como texto (Ver recuadro de abajo, clic en la imagen para ampliarla.)

Acá les dejo el link con el ejemplo para que lo prueben en casa.
Ejemplo – Uso de Footer en GridView

Espero que les sirva.

A veces nos hemos encontrado la necesidad de utilizar componentes de otros programas para nuestros trabajos, por lo general, cuando tenemos que generar algun tipo de reporte en Excel, Word, Project, PDF, etc.

Bueno, aqui les traigo un ejemplo cuando necesiten generar un reporte para Microsoft Project

1. Lo primero que tenemos que hacer en nuestra aplicación es tener la referencias a las librerias COM de Project, para ello, debemos instalar (si no lo hemos hecho) los componentes de desarrollo de Office. Para instalarlo, seguir el siguiente tutorial: Instalar Office PIAs.
2. Luego debemos importar al proyecto que queremos la referencia a Project.
   Imports Microsoft.Office.Interop.MSProject
3. Luego,

Private Sub ExportarProject()
     Dim aplicacion As ApplicationClass

     ‘Verificamos si tiene instalado MS Project
     Try
            aplicacion = New ApplicationClass
            aplicacion.AppMaximize()
            aplicacion.FileNew(, , , )
            aplicacion.Visible = True
     Catch ex As Exception
            MsgBox(“No es posible exportar a Project”)
            Exit Sub
     End Try
      ‘Buscar la instancia del proyecto activo
      Dim proyecto As Project = aplicacion.ActiveProject
      ‘Asociamos tareas al proyecto, el primer parametro nombre de la tarea, segundo parametro posicion
      Dim tarea As Task = proyecto.Tasks.Add(“Nombre Tarea”,1)
      ‘Podemos asociar subtareas tambien de la siguiente manera
      Dim subTarea As Task = proyecto.Tasks.Add(“Nombre Sub Tarea”,2)
      subTarea.Start = “10/10/2009″
      subTarea.Finish = “12/12/2009″  
      subTarea.OutlineIndent()
      ‘Podemos crear otro subtarea

      Dim subTarea2 As Task = proyecto.Tasks.Add(“Nombre Sub Tarea”, 3)
      subTarea2.Start = “13/12/2009″
      subTarea2.Finish = “25/12/2009″
      subTarea2.OutlineIndent()     
      ‘Podemos guardar el proyecto y salir
      aplicacion.FileSaveAs(proyecto.Title, PjFileFormat.pjMPP)
      aplicacion.Quit(PjSaveType.pjPromptSave)
End Sub

Espero les sirva, les adjunto el codigo de prueba.
Descargar Ejemplo Project
Saludos.