AJAX, que es un acrónimo de Asynchronous JavaScript y XML, es una tecnología eficaz utilizado para diversos proyectos Web, tales como la creación y diseño de páginas web. Porque AJAX es capaz de actualizar los contenidos de su sitio sin necesidad de recargar la página web entera, muchos desarrolladores web prefieren sobre 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, como medida de control de los extensores. Estos personalizadosextensores permiten personalizar y ampliar la eficacia de los controles ASP.NET sin la necesidad de crear nuevas clases para su aplicación AJAX.
CONTROL DE PERSONAL
Enganche el "DisabledButton" extender a un cuadro de texto y el control Button. El botón permanece desactivado hasta que se comienza a escribir texto en el cuadro de texto. Usted debe crear tres archivos diferentes para tus control de extensores para que funcione correctamente: DisabledButtonExtender.cs, DisabledButtonBehavior.js y DisabledButtonDesigner.cs.
Ir a la opción del menú "Archivo" y seleccione "Nuevo sitio Web" para crear su sitio web. Elija el "Sitio Web ASP.NET" plantilla y el nombre "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 opción "Biblioteca de clases" plantilla y el nombre de la nueva biblioteca de clase "CustomExtenders." Haga clic en "Aceptar".
Haga clic en el proyecto "CustomExtenders" y seleccione la opción de menú "Add Reference". Elija la ficha ". 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 "Browse" y la entrada de una referencia al ensamblado AjaxControlToolkit.dll. Encontrar este conjunto en el kit de herramientas de control de AJAX.
Escriba el siguiente código para crear AJAX Control Extender Personalizado:
using System.ComponentModel;
utilizando System.Web.UI;
utilizando System.Web.UI.WebControls;
utilizando AjaxControlToolkit;
[Assembly: System.Web.UI.WebResource ("CustomExtenders.MyControlBehavior.js", "text / javascript")]
CustomExtenders espacio de nombres
{
[ClientScriptResource ("CustomExtenders.MyControlBehavior", "CustomExtenders.MyControlBehavior.js")]
[TargetControlType (typeof (TextBox))]
MyControlExtender clase pública: ExtenderControlBase
{
[ExtenderControlProperty]
[DefaultValue ("")]
public string MyProperty
{
conseguir
{
volver GetPropertyValue ("MyProperty", "");
}
establecer
{
SetPropertyValue ("MyProperty", valor);
}
}
}
}
Utiliza el siguiente código para activar el extensor DisabledButton:
using System.ComponentModel;
utilizando System.Web.UI;
utilizando System.Web.UI.WebControls;
utilizando AjaxControlToolkit;
[Assembly: System.Web.UI.WebResource ("CustomExtenders.DisabledButtonBehavior.js", "text / javascript")]
CustomExtenders espacio de nombres
{
[ClientScriptResource ("CustomExtenders.DisabledButtonBehavior", "CustomExtenders.DisabledButtonBehavior.js")]
[TargetControlType (typeof (TextBox))]
DisabledButtonExtender clase pública: ExtenderControlBase
{
[ExtenderControlProperty]
[DefaultValue ("")]
[IDReferenceProperty (typeof (Button))]
public string TargetButtonID
{
conseguir
{
volver GetPropertyValue ("TargetButtonID", "");
}
establecer
{
SetPropertyValue ("TargetButtonID", valor);
}
}
[ExtenderControlProperty]
[DefaultValue ("")]
public string DisabledText
{
conseguir
{
volver GetPropertyValue ("DisabledText", "");
}
establecer
{
SetPropertyValue ("DisabledText", valor);
}
}
}
}
Consejos y advertencias
Ejemplos de este tutorial y los cursos requeridos para el extensor de control personalizado están disponibles en el sitio de ASP. Únete a los foros de discusión para buscar el asesoramiento de los usuarios experimentados AJAX.
No hay comentarios:
Publicar un comentario