Nwlapcug.com


Tutorial per l'utilizzo di AJAX per un controllo DropDownList per un oggetto TextBox

Tutorial per l'utilizzo di AJAX per un controllo DropDownList per un oggetto TextBox


AJAX è un'applicazione di Microsoft che consente ai programmatori migliorare i siti Web attraverso forme e applicazioni. A volte un elenco a discesa per la selezione utente meglio soddisfa le esigenze del tuo sito Web anziché all'utente di entrare in un universo illimitato di opzioni in una casella di testo vuota. È possibile utilizzare AJAX per sviluppare un elenco a discesa per una casella di testo.

Istruzioni

1

Creare la casella di testo digitando il comando: < asp: TextBox ID = "txtTitle" runat "server" / >.

2

Creare il tuo oggetto listbox inserendo il comando utilizzando le specifiche particolari per il tuo sito e la lista desiderata: < asp: ListBox ID = "1stTitles" a = "server"
Altezza = "100"
Width = "100"

&lt;asp:ListItem Text=”One” Value=”One” />
&lt;asp:ListItem Text=”Two” Value= “Two” />
3

Inserire come molti lista comandi come elementi nell'elenco a discesa.

4

Creare un DropDownExtender con il comando: < ajaxToolkit:DropDownExtender runat = "server" ID = "DDE".

5

Stabilire la TargetControlID, che è l'identità del controllo a cui si aggiunge un elenco a discesa, l'identità della casella di testo con il comando:
TargetControlID = "TxtTitle".

6

Impostare la DropDownControlID, che è l'identità del controllo che verrà visualizzato come menu a discesa, l'identità dell'oggetto ListBox con il comando: DropDownControlID = "1stTitles".
/ >.

7

Applicare JavaScript a TextBox e ListBox, in modo che è possibile aggiungere il controllo ListBox per la casella di testo con il comando: protected void Page + Load(object sender, EventArgs e)
{

if (!IsPostBack)
{

1stTitles.Attributes.Add ("onclick", "setText(this.options[this.selectedIndex].value);");

}

{

8

Creare la funzione onClick con il comando:, script type = "text/javascript" language = "javascript" >
Funzione setText(newValue)
{

document.getElementById(“,%=txtTitle.ClientID %>”).value = newValue;

}
< / script >

9

Eseguire il tuo elenco a discesa appena creato.