Come usare WebUserControl Ajax Asp.net 2

September 9

Asynchronous JavaScript e XML (AJAX) ha molte applicazioni funzionali, come ad esempio la creazione di Web e l'assegnazione di controllo utente Web. Funziona perfettamente con diversi linguaggi di programmazione, come Java, Visual Basic e ASP.net, ed a causa di questa capacità, molti sviluppatori preferiscono usarla rispetto ad altre tecnologie. Una delle caratteristiche uniche di AJAX è la sua capacità di ottenere i dati dal server senza ricaricare l'intera pagina Web.

istruzione

1 Aggiungere il seguente controllo RadAjaxManagerProxy all'interno di un WebUserControl per gestire e Ajax-abilitare tutti gli utenti completamente senza applicare un unico codice:

<Telerik: RadAjaxManagerProxy ID = runat "AjaxManagerProxy1" = "server">

&lt;AjaxSettings>

& Lt; Telerik: AjaxSetting AjaxControlID = "DropDownList1">

& Lt; UpdatedControls>

& Lt; Telerik: AjaxUpdatedControl ControlID = "DetailsView1" />

& Lt; Telerik: AjaxUpdatedControl ControlID = "GridView1" />

& Lt; / UpdatedControls>

& Lt; / Telerik: AjaxSetting>

& Lt; Telerik: AjaxSetting AjaxControlID = "GridView1">

& Lt; UpdatedControls>

& Lt; Telerik: AjaxUpdatedControl ControlID = "GridView1" />

& Lt; Telerik: AjaxUpdatedControl ControlID = "DetailsView1" />

& Lt; / UpdatedControls>

& Lt; / Telerik: AjaxSetting>

& Lt; / AjaxSettings>

</ Telerik: RadAjaxManagerProxy>

2 Applicare il seguente metodo, chiamato "GetCurrent," dalla componente code-behind controllo utente, se si desidera attivare la funzionalità RadAjaxManager server o sul lato client. Questo metodo permetterà di ottenere l'istanza del gestore "master" sul progetto tramite il server-side:

RadAjaxManager.GetCurrent (pagina);

È necessario utilizzare blocco di codice lato server in una funzione JavaScript all'interno del vostro WebUserControl per attivare la funzione ajaxRequest maestro manager. Applicare il codice qui sotto per elaborare questa azione:

<Telerik: RadCodeBlock ID = runat "RadCodeBlock1" = "server">

&lt;script type="text/javascript">

Funzione myUserControlClickHandler () {

$ Find ( "& lt;% = RadAjaxManager.GetCurrent (Pagina) .ClientID%>") ajaxRequest ( "contenuto").;

}

& Lt; / script>

</ Telerik: RadCodeBlock>

3 Nella pagina principale, aggiungere il seguente codice per le impostazioni per rendere il vostro progetto di lavoro in modo simile al vecchio approccio RadAjax.

<Form id = metodo "Form1" = "post" runat = "server">

<Asp: ScriptManager ID = "ScriptManager1" runat = "server" />

<Telerik: RadAjaxManager ID = runat "RadAjaxManager1" = "server">

</ Telerik: RadAjaxManager>

<UC1: webusercontrol1 id = "WebUserControl1" runat = "server"> </ uc1: webusercontrol1>

</ Form>

Per il controllo utente, incollare:

<Asp: Button ID = "Button1" Text = runat "Button" = "server"> </ asp: Button>

<Asp: ID Label = runat = "server" "Label1"> Label </ asp: Label>

4 Nella pagina principale, aggiungere le seguenti istruzioni per il codice-dietro per attivare RadAjax WebUserControl sul progetto.

Protected Sub Page_Load (ByVal sender As Object, ByVal e come EventArgs)

'Get the WebUserControl

Dim MyControl Come UserControl = CType (Page.FindControl ( "WebUserControl1"), UserControl)

'Ottenere il pulsante di controllo utente e l'etichetta

Dim MyButton Come Pulsante = CType (MyControl.FindControl ( "Button1"), Button)

MyLabel fioco come etichetta = CType (MyControl.FindControl ( "Label1"), Label)

'Aggiungere l'impostazione necessaria AJAX di programmazione

RadAjaxManager1.AjaxSettings.AddAjaxSetting (MyButton, MyLabel)

End Sub 'Page_Load

Per il controllo utente, utilizzare:

Secondario protettivo Button1_Click (ByVal sender As System.Object, ByVal e come System.EventArgs) tratta Button1.Click

Label1.Text = DateTime.Now

End Sub

Consigli e avvertenze

  • Utilizzare il metodo di chiamata RadAjaxManager.GetCurrent () se si desidera attivare una richiesta Ajax in modo esplicito, come ad esempio l'istanza del gestore.
  • Partecipare a forum di discussione per chiedere consigli di utenti esperti Ajax.
  • RadAjaxManagerProxy non possiede un lato client elementi, funzioni o eventi, quindi è utile solo per la configurazione in fase di progettazione.