Asynchronous JavaScript e XML o AJAX, è una combinazione di diverse tecnologie di programmazione. Queste lingue sono costituite di CSS, DOM, XML, XSLT e JavaScript. A causa delle sue diverse componenti, AJAX può integrarsi con tutti i tipi di ambienti Web per creare accattivanti effetti su qualsiasi sito Web. Le applicazioni AJAX migliorare la progettazione dei siti Web tradizionali, ricaricare pagine Web che consente di richiedere al server solo le parti aggiornate e non l'intera pagina.

Istruzioni

1

Aprire Visual Studio 2005. Selezionare "Nuovo" dal menu File e quindi fare clic su "Progetto". Selezionare "Windows" in tipi di progetto in Visual Basic o c#. Scegliere "Class Library" nel riquadro modelli, quindi input "Sample.SayHello" come il nome per il progetto.

2

Scegliere "Class1. cs" in Esplora soluzioni per rinominare la classe iniziale. Cliccate destro sul file, scegliere Rinomina e "SayHelloWebPart" come nome del nuovo file di input. Dal menu progetto, fare clic su "Aggiungi riferimento". Selezionare "System.Web.Extensions" nella finestra di dialogo Aggiungi riferimento nella scheda .NET e fare clic su "OK". Ripetere gli ultimi due passaggi precedenti per lo spazio dei nomi System. Web. Aggiungere un riferimento a WebControls nella sezione riferimenti del file della classe e costruire due variabili esclusive, se applicabile, per l'interfaccia utente. Ecco ciò che il codice dovrebbe essere simile:

using System;

utilizzando System. Text;

Imports System.Web.UI;

utilizzando WebControls;

utilizzando WebParts;

spazio dei nomi Sample.SayHello

{

public class SayHelloWebPart: WebPart

{

private Label displayName;

private TextBox inputName;

}

}

In alcuni casi come questo, solo una variabile è applicabile alla sezione dell'interfaccia utente.

3

Copiare e incollare il codice seguente nel file SayHelloWebPart.cs per l'override della funzione di CreateChildControls:

Protected Overrides Sub CreateChildControls)

{

base. CreateChildControls ();

Difficoltà per il comportamento di postback UpdatePanel.

EnsurePanelFix();

LinkButton sayHello = nuovo LinkButton();

UpdatePanel refreshName = nuovo UpdatePanel;

ScriptManager scriptHandler = nuovo ScriptManager();

displayName = new Label ();

inputName = new TextBox ();

Impostare le proprietà del controllo.

this.displayName.ID = "displayName";

this.displayName.Text = "Hello!";

this.inputName.ID = "inputName";

sayHello.ID = "sayHello";

sayHello.Text = "Say Hello";

scriptHandler.ID = "scriptHandler";

refreshName.ID = "refreshName";

refreshName.UpdateMode = UpdatePanelUpdateMode.Conditional;

refreshName.ChildrenAsTriggers = true;

Aggiungere l'oggetto EventHandler per il pulsante.

sayHello.Click + = new EventHandler(ClickHandler);

Aggiungere i controlli dell'interfaccia utente del controllo UpdatePanel.

refreshName.ContentTemplateContainer.Controls.Add(this.inputName);

refreshName.ContentTemplateContainer.Controls.Add(sayHello);

refreshName.ContentTemplateContainer.Controls.Add(this.displayName);

Il controllo ScriptManager deve essere aggiunto prima.

questo. Controls.Add(scriptHandler);

questo. Controls.Add(refreshName);

}

Ora, copia e incolla questo codice nel file SayHelloWebPart.cs per costruire l'interfaccia utente e gestisce la funzione di evento:

Private Sub ClickHandler (object sender, EventArgs args)

{

this.displayName.Text = "Hello,"

+ this.inputName.Text.ToString() + ".";

}

4

Copia e incolla questo codice nel file SayHelloWebPart.cs modificare gli script per garantire un comportamento corretto doPostBack():

Private Sub EnsurePanelFix()

{

Se (questo. Page! = null)

{

String fixupScript = @"

_spBodyOnLoadFunctionNames.push(""_initFormActionAjax"");

function _initFormActionAjax()

{

if (_spEscapedFormAction == document.forms[0].action)

{

document.forms[0]._initialAction =

document.forms[0].action;

}

}

var RestoreToOriginalFormActionCore =

RestoreToOriginalFormAction;

RestoreToOriginalFormAction = function()

{

if (_spOriginalFormAction != null)

{

RestoreToOriginalFormActionCore();

document.forms[0]._initialAction =

document.forms[0].action;

}

}";

RegisterStartupScript (questo,

typeof(SayHelloWebPart), "UpdatePanelFixup",

fixupScript, true);

}

}

Consigli & Avvertenze

• Spostare il "webpartmanager" all'interno del tag di modulo per garantire la corretta visualizzazione di tutti i suoi componenti associati.
• Modificare la sezione head di una pagina master e assicurarsi che tutti i tuoi titoli tag siano sulla stessa linea per garantire la corretta visualizzazione.