-
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.