Come costruire un personalizzato AJAX Control Extender

September 9

AJAX, che è l'acronimo di Asynchronous JavaScript and XML, è una tecnologia efficiente utilizzato per vari progetti Web, ad esempio creazione di siti web e di design. Perché AJAX è in grado di aggiornare i contenuti del sito senza ricaricare l'intera pagina Web, molti sviluppatori web preferiscono rispetto ad altre tecnologie. Mentre AJAX continua ad evolversi, ci sono caratteristiche più avanzate di essere aggiunti ad esso da programmatori provenienti da diverse parti del globo, come estensori di controllo personalizzati. Questi estensori personalizzati consentono di personalizzare ed estendere l'efficacia dei controlli ASP.NET, senza la necessità di creare nuove classi per l'applicazione AJAX.

istruzione

1 Agganciare l'estensione "DisabledButton" ad un controllo TextBox e Button. Il pulsante rimane disattivato fino a quando si inizia a digitare il testo nel controllo TextBox. È necessario creare tre file differenti per i vostri estensori di controllo per il corretto funzionamento: DisabledButtonExtender.cs, DisabledButtonBehavior.js e DisabledButtonDesigner.cs.

2 Vai alla voce di menu "File" e selezionare "Web Site Nuovo" per creare il tuo sito web. Scegliere il modello "ASP.NET Web Site" e il nome "Website1." Fai clic su "OK". Per creare il progetto libreria di classi che servirà come contenitore per il vostro codice extender di controllo, andare al menu "File" e scegliere "Aggiungi", quindi "Nuovo progetto". Scegliere il modello di "Class Library" e il nome della nuova libreria di classi "CustomExtenders." Fai clic su "OK".

3 Fare clic con il progetto "CustomExtenders" e scegliere l'opzione di menu "Add Reference". Scegliere la scheda ".NET" e aggiungere i riferimenti a System.Web.dll, System.Web.Extensions.dll, System.Design.dll e System.Web.Extensions.Design.dll. Scegliere la scheda "Browse" e inserire un riferimento all'assembly AjaxControlToolkit.dll. Trova questa assemblea nel AJAX Control Toolkit.

4 Inserire il codice qui sotto per creare il tuo Extender AJAX Control personalizzato:

using System.ComponentModel;

utilizzando System.Web.UI;

utilizzando System.Web.UI.WebControls;

utilizzando AjaxControlToolkit;

[Assembly: System.Web.UI.WebResource ( "CustomExtenders.MyControlBehavior.js", "text / javascript")]

CustomExtenders namespace

{

[ClientScriptResource("CustomExtenders.MyControlBehavior", "CustomExtenders.MyControlBehavior.js")]

[TargetControlType (typeof (TextBox))]

Classe MyControlExtender pubblico: ExtenderControlBase

{

[ExtenderControlProperty]

[Valore di default("")]

MyProperty public string

{

ottenere

{

tornare GetPropertyValue ( "MyProperty", "");

}

impostato

{

SetPropertyValue ( "MyProperty", value);

}

}

}

}

5 Utilizzare il codice qui sotto per attivare il tuo extender DisabledButton:

using System.ComponentModel;

utilizzando System.Web.UI;

utilizzando System.Web.UI.WebControls;

utilizzando AjaxControlToolkit;

[Assembly: System.Web.UI.WebResource ( "CustomExtenders.DisabledButtonBehavior.js", "text / javascript")]

CustomExtenders namespace

{

[ClientScriptResource("CustomExtenders.DisabledButtonBehavior", "CustomExtenders.DisabledButtonBehavior.js")]

[TargetControlType (typeof (TextBox))]

Classe DisabledButtonExtender pubblico: ExtenderControlBase

{

[ExtenderControlProperty]

[Valore di default("")]

[IDReferenceProperty (typeof (Button))]

public string TargetButtonID

{

ottenere

{

tornare GetPropertyValue ( "TargetButtonID", "");

}

impostato

{

SetPropertyValue ( "TargetButtonID", value);

}

}

[ExtenderControlProperty]

[Valore di default("")]

public string DisabledText

{

ottenere

{

tornare GetPropertyValue ( "DisabledText", "");

}

impostato

{

SetPropertyValue ( "DisabledText", value);

}

}

}

}

Consigli e avvertenze

  • Illustrazioni per questo tutorial e le classi richieste per la Extender controllo personalizzato sono disponibili sul sito ASP. Partecipare a forum di discussione per chiedere il parere di utenti AJAX esperti.