martes, 25 de septiembre de 2012

lunes, 17 de septiembre de 2012

MVC POST

Creamos un formulario con dos textBoxes (txtApellido y txtNombre) y un botón (Enviar)

<form action="Buscar" method="POST">
@Html.Label("Nombre:")
@Html.TextBox("txtNombre")
@Html.Label("Apellido:")
@Html.TextBox("txtApellido")
<input type="submit" value="Enviar" />
</form>

Creamos una clase (Clientes) con dos atributos: Apellido y Nombre


    public class Clientes
    {
        public string Apellido { get; set; }

        public string Nombre { get; set; }
    }

Un método que devuelve una lista de clientes cuyos apellidos y nombres coinciden con los pasados por parámetros: ObtenerListaClientes

    public List<Clientes> ObtenerListaClientes(string apellido,string nombre)
        {
            var cliente1 = new Clientes { Apellido = "Marchetti", Nombre = "Javier" };
            var cliente2 = new Clientes { Apellido = "Perez", Nombre = "Juan" };
            var cliente3 = new Clientes { Apellido = "Diehl", Nombre = "Dieter" };
            var cliente4 = new Clientes { Apellido = "Lee", Nombre = "Chuang" };
            var cliente5 = new Clientes { Apellido = "Dustin", Nombre = "Josh" };

            var lista = new List<Clientes> { cliente1, cliente2, cliente3, cliente4, cliente5 };

            return lista.Where(l => l.Apellido == apellido && l.Nombre == nombre).ToList();
        }

El Action: Buscar:
obtenemos los valores de los textBoxes:

 var apellido = form["txtApellido"];
 var nombre = form["txtNombre"];

y llamamos al método: ObtenerListaCliente pasando como parametros el apellido y el nombre

Retornamos el Json con la lista obtenida:

return Json(lista);


   [HttpPost]
        public ActionResult Buscar(FormCollection form)
        {
            var apellido = form["txtApellido"];
            var nombre = form["txtNombre"];

            var lista = ObtenerListaClientes(apellido, nombre);
         
            return Json(lista);
        }



miércoles, 12 de septiembre de 2012

$.load()

ejemplo de la función load:

$("#contenedor").load("../Inicio/Lista #DivContenido");

Lanza una petición a la url: ../Inicio/Lista del html de la respuesta obtenemos solo el div: DivContenido a este mismo lo insertamos en el div: contenedor