Tecnología

Inicio

Cómo utilizar el Ajax en Vistas

Cómo utilizar el Ajax en Vistas


Uno de los muchos usos de la aplicación Ajax es que se puede cargar puntos de vista de los lenguajes de programación, tales como ASP.NET, mediante el uso de un componente llamado Ajax.ActionLink. Este módulo Ajax también se utiliza en aplicaciones de contenido del sistema de gestión (CMS), como Drupal. Proporciona una manera de crear la paginación basado en AJAX mediante la determinación de una vista de bloque, especificando una vista de página con cualquier tipo de programas, y la determinación de un argumento de tipo, tales como "Ajax Vistas: Selector de AJAX."

Instrucciones

1 Pegar el código siguiente para agregar los archivos de ASP.NET MVC Ajax JavaScript en su opinión ASPX:

<Script type = "text / javascript"> </ script>

<Script type = "text / javascript"> </ script>

Crear un marcador de posición para su vista parcial cuando se carga mediante la adición de este elemento HTML vacío:

CopyPlaceholder elemento HTML

<Div id = "número"> </ div>

2 Aplicar una "Ajax.ActionLink" en su opinión de que se cargue la vista parcial cuando se hace clic por el usuario:

declaración CopyAjax.ActionLink

<% = Ajax.ActionLink ( "Cargar vista parcial", "PartialGrid", nuevos AjaxOptions

{

//JavaScript function executed after successful Ajax request

OnSuccess = "updatePlaceholder",

// El atributo "id" del marcador de posición HTML

UpdateTargetId = "número"

})%>

3 Pegue el siguiente bloque de JavaScript, o el código de controlador de eventos onSuccess, justo después de la Ajax.ActionLink:

<Script type = "text / javascript">

función updatePlaceholder (contexto) {

// the HTML output of the partial view

var html = context.get_data ();

// El elemento DOM que representa el marcador de posición

var = marcador de posición context.get_updateTarget ();

// Utilizar jQuery para actualizar el marcador de posición. Será ejecutar ninguna sentencia de JavaScript

$ (Marcador) .html (html);

// Devuelve false para evitar que la actualización automática del marcador de posición

falso retorno;

}

</ Script>

4 Ejecutar el método de acción "PartialGrid" para invocar el Ajax.ActionLink y la salida de la visión parcial que contiene la cuadrícula:

público ActionResult PartialGrid ()

{

modelo var = new NorthwindDataContext () Órdenes.;

volver PartialView ( "PartialGrid", modelo);

}

Pega el siguiente código para llamar a la visión parcial que contiene la cuadrícula:

<% @ Control Language = hereda "C #" = "System.Web.Mvc.ViewUserControl <IEnumerable <MvcApplication1.Models.Order >>"%>

<% = Html.Telerik (). Rejilla (Modelo)

.Name("Grid")

.DataBinding (Enlace de datos => dataBinding.Ajax (). Seleccione ( "Pedidos", "Controller"))

.Pageable ()

.Sortable ()

.Filterable ()

%>

5 Registrar todos los archivos CSS requeridos por el elemento de interfaz de usuario en su página maestra para aplicar estilo definido de la aplicación Ajax. Su ASP.NET ya está listo para usar su solicitud vista parcial Ajax.

Consejos y advertencias

  • Omitir el registro de todos los archivos JavaScript debido a que la última versión de las extensiones de Telerik 2011 para manual de ASP.NET MVC no lo requiere.
  • Inicializar todos los elementos de la interfaz de usuario en la vista parcial cuando se está ejecutando un evento onSuccess porque ASP.NET MVC Ajax no se ejecutará sus sentencias de JavaScript en este modo.
  • Obligar a la cuadrícula con su cliente Ajax o servicio Web para evitar que desaparezca después de la primera operación, lo que podría ser simplemente cambiando una página Web o una columna de clasificación.