Nwlapcug.com


Come costruire un'estensione del controllo personalizzato AJAX

AJAX, che è l'acronimo di Asynchronous JavaScript and XML, è una tecnologia efficiente utilizzata per vari progetti Web, ad esempio di creazione di siti Web e design. Perché AJAX è in grado di aggiornare il contenuto del sito senza ricaricare l'intera pagina Web, molti sviluppatori Web preferiscono rispetto ad altre tecnologie. Come AJAX in continua evoluzione, ci sono più avanzate caratteristiche viene aggiunto ad esso dai programmatori provenienti da diverse parti del globo, come estensori del controllo personalizzato. Queste estensioni personalizzate consentono di personalizzare ed estendere l'efficacia dei controlli ASP.NET senza la necessità di creare nuove classi per applicazione AJAX.

Istruzioni

1

Collegare il dispositivo extender "DisabledButton" a un controllo TextBox e Button. Il pulsante rimane disattivato finché non si inizia a digitare testo in TextBox. È necessario creare tre file diversi per il vostro estensori di controllo funzioni correttamente: DisabledButtonExtender.cs, DisabledButtonBehavior.js e DisabledButtonDesigner.cs.

2

Vai all'opzione di menu "File" e scegliere "nuovo sito Web" per creare il tuo sito Web. Scegliere il modello "ASP.NET Web Site" e il nome "Website1." Fare clic su "OK". Per creare il progetto libreria di classi che fungerà da vostro contenitore di codice per il dispositivo extender di controllo, andare al menu "File" e scegliere "Aggiungi," quindi "nuovo progetto". Scegliere il modello "Class Library" e il nome della nuova libreria di classi "CustomExtenders." Fare clic su "OK".

3

Pulsante destro del mouse il progetto "CustomExtenders" e scegliere l'opzione di menu "Aggiungi riferimento". Scegliere la scheda "il .NET" e aggiungere riferimenti a System.Web.dll, System, System.Design.dll e System.Web.Extensions.Design.dll. Scegliere la scheda "Sfoglia" e immettere un riferimento all'assembly AjaxControlToolkit. dll. Trovare questa Assemblea nell'AJAX Control Toolkit.

4

Inserire il codice seguente per creare il vostro Custom Control Extender AJAX:

Imports System. ComponentModel;

Imports System.Web.UI;

utilizzando WebControls;

utilizzando AjaxControlToolkit;

[assembly: WebResource ("CustomExtenders.MyControlBehavior.js", "text/javascript")]

spazio dei nomi CustomExtenders

{

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

[TargetControlType(typeof(TextBox))]

public class MyControlExtender : ExtenderControlBase

{

[ExtenderControlProperty]

[DefaultValue("")]

public string MyProperty

{

get

{

return GetPropertyValue("MyProperty", "");

}

set

{

SetPropertyValue("MyProperty", value);

}

}

}

}

5

Per attivare il dispositivo extender DisabledButton, utilizzare il codice riportato di seguito:

Imports System. ComponentModel;

Imports System.Web.UI;

utilizzando WebControls;

utilizzando AjaxControlToolkit;

[assembly: WebResource ("CustomExtenders.DisabledButtonBehavior.js", "text/javascript")]

spazio dei nomi CustomExtenders

{

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

[TargetControlType(typeof(TextBox))]

public class DisabledButtonExtender : ExtenderControlBase

{

[ExtenderControlProperty]

[DefaultValue("")]

[IDReferenceProperty(typeof(Button))]

public string TargetButtonID

{

get

{

return GetPropertyValue("TargetButtonID", "");

}

set

{

SetPropertyValue("TargetButtonID", value);

}

}

[ExtenderControlProperty]

[DefaultValue("")]

public string DisabledText

{

get

{

return GetPropertyValue("DisabledText", "");

}

set

{

SetPropertyValue("DisabledText", value);

}

}

}

}

Consigli & Avvertenze

  • Illustrazioni per questo tutorial e le classi necessarie per l'estensione del controllo personalizzato sono disponibili sul sito ASP. Partecipare a forum di discussione per chiedere consigli da utenti esperti di AJAX.