Tecnología

Inicio

Cómo construir un encargo AJAX Control Extender

AJAX, que es un acrónimo de Asynchronous JavaScript y XML, es una tecnología eficiente utilizado para diversos proyectos Web, tales como la creación y diseño de sitios web. Debido a AJAX es capaz de actualizar los contenidos de su sitio sin tener que recargar la página Web entera, muchos desarrolladores Web lo prefieren a otras tecnologías. Como AJAX sigue evolucionando, hay características más avanzadas que se añade a la misma por los programadores de diferentes partes del mundo, tales como extensores de control personalizados. Estos extensores personalizados permiten personalizar y extender la eficiencia de los controles ASP.NET sin la necesidad de crear nuevas clases para su aplicación AJAX.

Instrucciones

1 Enganche el extensor "DisabledButton" a un control TextBox y Button. El botón permanece desactivado hasta que se empieza a escribir texto en el cuadro de texto. Se debe crear tres archivos diferentes para sus extensores de control para que funcione correctamente: DisabledButtonExtender.cs, DisabledButtonBehavior.js y DisabledButtonDesigner.cs.

2 Ir a la opción del menú "Archivo" y seleccione "Nuevo Sitio Web" para crear su sitio web. Elija la plantilla "ASP.NET Web Site" y el nombre de "WebSite1." Haga clic en Aceptar." Para crear el proyecto de biblioteca de clases que le servirá como contenedor de código para su extensor de control, vaya a la opción de menú "Archivo" y seleccione "Agregar" y luego "Nuevo proyecto". Elija la plantilla "Biblioteca de clases" y el nombre de la nueva biblioteca de clase "CustomExtenders." Haga clic en Aceptar."

3 Haga clic en el proyecto "CustomExtenders" y seleccione la opción de menú "Agregar referencia". Seleccione la pestaña ".NET" y agregar referencias a System.Web.dll, System.Web.Extensions.dll, System.Design.dll y System.Web.Extensions.Design.dll. Seleccione la pestaña "Examinar" y la entrada de una referencia al ensamblado AjaxControlToolkit.dll. Encuentra este conjunto en el AJAX Control Toolkit.

4 Introducir el código siguiente para crear el Extender AJAX Control personalizado:

utilizando System.ComponentModel;

utilizando System.Web.UI;

utilizando System.Web.UI.WebControls;

utilizando AjaxControlToolkit;

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

CustomExtenders de espacio de nombres

{

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

[TargetControlType (typeof (Cuadro de texto))]

MyControlExtender clase pública: ExtenderControlBase

{

[ExtenderControlProperty]

[Valor por defecto("")]

MyProperty cadena pública

{

obtener

{

volver getPropertyValue ( "MyProperty", "");

}

conjunto

{

SetPropertyValue ( "MyProperty", valor);

}

}

}

}

5 Utilice el siguiente código para activar el extensor DisabledButton:

utilizando System.ComponentModel;

utilizando System.Web.UI;

utilizando System.Web.UI.WebControls;

utilizando AjaxControlToolkit;

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

CustomExtenders de espacio de nombres

{

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

[TargetControlType (typeof (Cuadro de texto))]

DisabledButtonExtender clase pública: ExtenderControlBase

{

[ExtenderControlProperty]

[Valor por defecto("")]

[IDReferenceProperty (typeof (Button))]

cadena pública TargetButtonID

{

obtener

{

volver getPropertyValue ( "TargetButtonID", "");

}

conjunto

{

SetPropertyValue ( "TargetButtonID", valor);

}

}

[ExtenderControlProperty]

[Valor por defecto("")]

cadena pública DisabledText

{

obtener

{

volver getPropertyValue ( "DisabledText", "");

}

conjunto

{

SetPropertyValue ( "DisabledText", valor);

}

}

}

}

Consejos y advertencias

  • Ilustraciones para este tutorial y las clases necesarias para el extensor de control personalizado están disponibles en el sitio ASP. Únete a los foros de discusión para buscar el asesoramiento de los usuarios experimentados AJAX.