Hvordan bygge en egendefinert AJAX Control Extender
AJAX, som er et akronym for Asynchronous Javascript og XML, er en effektiv teknologi som brukes for diverse prosjekter, for eksempel nettstedet etablering og utforming. Fordi AJAX er i stand til å oppdatere nettstedet ditt innhold uten å laste hele websiden, mange webutviklere foretrekker det over andre teknologier. Som AJAX fortsetter å utvikle seg, er det mer avanserte funksjoner blir lagt til det av programmerere fra ulike deler av verden, for eksempel tilpassede kontroll forlengere. Disse tilpassede forlengere kan du tilpasse og utvide effektiviteten av ASP.NET kontroller uten behov for å opprette nye klasser for AJAX applikasjon.
Bruksanvisning
1 Hekt "DisabledButton" extender til en tekstboks og Button kontroll. Button forblir deaktivert til du begynner å skrive tekst inn i tekstfeltet. Du må opprette tre forskjellige filer for kontroll forlengere til å fungere ordentlig: DisabledButtonExtender.cs, DisabledButtonBehavior.js og DisabledButtonDesigner.cs.
2 Gå til "Fil" -menyen og velg "New Web Site" å lage en webside. Velg "ASP.NET Web Site" mal og gi den navnet "WEBSITE1." Klikk på "OK". For å skape den klassen biblioteket prosjekt som vil fungere som din kode beholder for kontroll extender, gå til "Fil" -menyen og velg "Legg til" og deretter "Nytt prosjekt". Velg "Class Library" mal og navngi den nye klassen bibliotek "CustomExtenders." Klikk på "OK".
3 Høyreklikk på "CustomExtenders" prosjektet og velg "Add Reference" -menyen. Velg ".NET" -fanen og legge referanser til System.Web.dll, System.Web.Extensions.dll, System.Design.dll og System.Web.Extensions.Design.dll. Velg "Browse" -fanen og legge inn en referanse til AjaxControlToolkit.dll forsamlingen. Finn denne sammenstillingen i AJAX Control Toolkit.
4 Tast inn koden nedenfor til å lage din AJAX definert kontroll Extender:
bruker System.ComponentModel;
bruker System.Web.UI;
bruker System.Web.UI.WebControls;
bruker AjaxControlToolkit;
[Montering: System.Web.UI.WebResource ( "CustomExtenders.MyControlBehavior.js", "text / javascript")]
namespace CustomExtenders
{
[ClientScriptResource("CustomExtenders.MyControlBehavior", "CustomExtenders.MyControlBehavior.js")]
[TargetControlType (typeof (tekstboks))]
public class MyControlExtender: ExtenderControlBase
{
[ExtenderControlProperty]
[Standardverdi("")]
offentlig streng MyProperty
{
få
{
tilbake GetPropertyValue ( "MyProperty", "");
}
sett
{
SetPropertyValue ( "MyProperty", verdi);
}
}
}
}
5 Bruk koden under for å aktivere din DisabledButton utvider:
bruker System.ComponentModel;
bruker System.Web.UI;
bruker System.Web.UI.WebControls;
bruker AjaxControlToolkit;
[Montering: System.Web.UI.WebResource ( "CustomExtenders.DisabledButtonBehavior.js", "text / javascript")]
namespace CustomExtenders
{
[ClientScriptResource("CustomExtenders.DisabledButtonBehavior", "CustomExtenders.DisabledButtonBehavior.js")]
[TargetControlType (typeof (tekstboks))]
public class DisabledButtonExtender: ExtenderControlBase
{
[ExtenderControlProperty]
[Standardverdi("")]
[IDReferenceProperty (typeof (knapp))]
offentlig streng TargetButtonID
{
få
{
tilbake GetPropertyValue ( "TargetButtonID", "");
}
sett
{
SetPropertyValue ( "TargetButtonID", verdi);
}
}
[ExtenderControlProperty]
[Standardverdi("")]
offentlig streng DisabledText
{
få
{
tilbake GetPropertyValue ( "DisabledText", "");
}
sett
{
SetPropertyValue ( "DisabledText", verdi);
}
}
}
}
Hint
- Illustrasjoner for denne opplæringen og klassene kreves for egendefinert kontroll Extender er tilgjengelig på ASP nettstedet. Delta i diskusjonsfora for å søke råd fra erfarne AJAX brukere.