Uno dei tanti usi di Ajax applicazione è che è possibile caricare visualizzazioni per linguaggi di programmazione, come in ASP.NET, attraverso l'utilizzo di un componente chiamato ActionLink. Questo modulo di Ajax è utilizzato anche in applicazioni di sistema (CMS) di gestione dei contenuti, come Drupal. Esso fornisce un modo per creare l'impaginazione basata su AJAX determinando una vista di blocco, specificare una visualizzazione di pagina con qualsiasi tipo di programmi, e determinare un argomento di tipo, come "AJAX visualizzazioni: AJAX selettore."

Istruzioni

1

Incollare il codice seguente per aggiungere i file MVC ASP.NET Ajax JavaScript nella tua vista ASPX:

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

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

Creare un segnaposto per la visualizzazione parziale durante il caricamento con l'aggiunta di questo elemento HTML vuoto:

Elemento HTML CopyPlaceholder

< div id = "risultato" >< / div >

2

Applicare un "ActionLink" che caricherà la visualizzazione parziale quando viene selezionato dall'utente:

Dichiarazione di CopyAjax.ActionLink

< % = ActionLink ("carico parziale vista", "PartialGrid", nuovo AjaxOptions

{

//JavaScript function executed after successful Ajax request

OnSuccess = "updatePlaceholder",

//The "id" attribute of the HTML placeholder

UpdateTargetId = "result"

}) % >

3

Incollare il seguente blocco di JavaScript, o il codice del gestore evento OnSuccess, subito dopo l'ActionLink:

< script type = "text/javascript" >

Function updatePlaceholder(context) () {

// the HTML output of the partial view

var html = context.get_data();

// the DOM element representing the placeholder

var placeholder = context.get_updateTarget();

// use jQuery to update the placeholder. It will execute any JavaScript statements

$(placeholder).html(html);

// return false to prevent the automatic update of the placeholder

return false;

}

< / script >

4

Eseguire il metodo di azione "PartialGrid" per richiamare l'ActionLink e la visualizzazione parziale che contiene la griglia di uscita:

public ActionResult PartialGrid()

{

modello var = new NorthwindDataContext (). Ordini;

ritorno PartialView ("PartialGrid", modello);

}

Incollare il codice riportato di seguito per richiamare la visualizzazione parziale che contiene la griglia:

< % @ una control Language = "C#" Inherits="System.Web.Mvc.ViewUserControl < IEnumerable < MvcApplication1.Models.Order >>" % >

< % = Html.Telerik(). Grid(Model)

.Name("Grid")

.DataBinding(dataBinding => dataBinding.Ajax().Select("Orders", "Controller"))

.Pageable()

.Sortable()

.Filterable()

% >

5

Registrare tutti i file CSS per applicare stile definito dell'applicazione Ajax necessaria dall'elemento dell'interfaccia utente nella pagina master. Tua la ASP.NET è ora pronto per l'uso di applicazione di vista parziale di Ajax.

Consigli & Avvertenze

• Saltare la registrazione di tutti i file JavaScript perché l'ultima versione 2011 di Telerik estensioni per manuale di ASP.NET MVC non lo richiede.
• Quando si esegue un evento OnSuccess perché ASP.NET MVC Ajax non verrà eseguito il tuo istruzioni JavaScript in questa modalità, inizializzare tutti gli elementi dell'interfaccia utente nella visualizzazione parziale.
• Associare la griglia con il tuo client Ajax o WebService per impedire che scompare dopo la prima operazione, che potrebbe essere solo cambiando una pagina Web o l'ordinamento di una colonna.