Entradas

Mostrando las entradas etiquetadas como Jquery

Manejar el Evento Move en FullCalendar y ASP.NET MVC 3

Imagen
Como vimos en un post anterior FullCalendar es un muy buen plugin hecho con Jquery, no muy difícil de integrar en nuestro proyecto ASP.NET MVC. Ahora en este post les mostrare como manejar el evento Move del plugin, para que podamos modificar en nuestra Base de Datos la hora y fecha de nuestro evento con solo moverlo. Nuestro primer paso es modificar en nuestra vista el código de llamada al plugin, agregando un nuevo evento llamado eventDrop: <script type="text/javascript">          $(document).ready(function () {               $('#calendar').fullCalendar(          {               editable: true,               events: "/CalEntries/GetEvents",       ...

Como Integrar Full Calendar a una aplicación ASP.NET MVC 3

Imagen
Full Calendar es un plugin hecho con Jquery, bastante completo y con funcionalidades bastante útiles para el manejo de tareas. FullCalendar está bajo doble licencia GPL y MIT por lo que nos puede ser útil cuando deseemos hacer aplicaciones que no sean Open Source. El proyecto puede ser descargado de su sitio oficial http://arshaw.com/fullcalendar/download/ para el ejemplo vamos a usar la versión 1.5.2, el archivo que vamos a obtener es un ZIP, que tiene la siguiente estructura: Para agregarlo a nuestro proyecto MVC 3 debemos de agregar los scripts a nuestra carpeta Script y los archivos CSS a nuestra carpeta Content: Luego el próximo paso es agregar a nuestro archivo _Layout, las siguientes líneas de código: <link href="@Url.Content("~/Content/fullcalendar.css")" rel="stylesheet" type="text/css" /> <script src="@Url.Content("~/Scripts/fullcalendar.js")" type="text/javascript"></scr...

Reloj en Jquery con Clima en ASP.NET MVC 3

Imagen
Buscando algunos plugins de relojes hechos en Jquery, me topé con este http://www.htmldrive.net/items/show/298/Digital-Clock-SlideshowjQuery , inspirado en la interfaz de HTC, que se puede ver en algunos smartphones con Android y Windows Mobile. Posee un reloj digital y además muestra el clima de una ciudad junto con la predicción de este, los próximos 4 días junto con las temperaturas probables para cada día. Después de descargarnos el comprimido y descomprimirlo, veremos la siguiente estructura: En el archivo WeatherLocationDatabase, se encuentran las localizaciones de una vasta cantidad de ciudades que soporta en WebService, del gestor de clima, en la carpeta lib, se encuentra el script del plugin, este junto a los css y las imágenes las deberemos de agregar a nuestro proyecto: Ahora en la carpeta lib/proxy se encuentra el proxy del web service tanto para ASP.NET como para PHP, ahora existen 2 opciones, hacer que el proxy que viene por defecto funcione con MVC ...

ASP.NET MVC y JQuery con JSON

Imagen
Hola a todos, hoy veremos como jugarnos con JQuery y ASP.NET MVC para realizar tareas asincrónicas y que recibamos un resultado en JSON. Antes que nada nos debemos asegurar que tenemos instalado las siguientes herramientas: • Visual Studio 2010 o Visual Web Developer 2010 Express • ASP.MVC 3.0 que se lo pueden bajar de http://www.asp.net/mvc • Entity Framework 4.1 http://www.microsoft.com/download/en/details.aspx?id=26825 Ya con las herramientas instaladas, procedemos a crear un proyecto en ASP.NET MVC para la versión 3 del framework. Para nuestro ejemplo crearemos un pequeño programa que muestre una lista con tareas, luego agregaremos a la Base de Datos las tareas que más nos guste a través de un botón. De tal forma que agregamos a nuestra aplicación una clase llamada Task, que tendrá la siguiente estructura: using System; using System.Collections.Generic; using System.Linq; using System.Web; namespace ExampleJSON.Models { public class Task { public int taskId {ge...