2012-05-07 4 views
0

У меня есть раскрывающийся список на моей странице asp.net. Я хочу отобразить данные базы данных на странице, исходя из выбранного значения выпадающего списка.Событие DropDownList на основе Ajax в asp.net

Как я могу сделать то же самое с помощью ajax?

ответ

0

Вы можете поместить DropDownList внутри UpdatePanel, а затем подписаться на событие SelectedIndexChanged после установки свойства AutoPostBack на true.

Вот пример:

<%@ Page Language="C#" %> 
<script type="text/C#" runat="server"> 
    protected void OnChange(object sender, EventArgs e) 
    { 
     label.Text = string.Format("Selected value: {0}", ddl.SelectedValue); 
    } 
</script> 

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
</head> 
<body> 
    <form id="Form1" runat="server"> 
     <asp:ScriptManager ID="scm" runat="server" /> 

     <asp:UpdatePanel ID="up" runat="server"> 
      <ContentTemplate> 
       <asp:DropDownList 
        ID="ddl" 
        runat="server" 
        AutoPostBack="true" 
        OnSelectedIndexChanged="OnChange"> 
        <asp:ListItem Value="1" Text="item 1" /> 
        <asp:ListItem Value="2" Text="item 2" /> 
        <asp:ListItem Value="3" Text="item 3" /> 
       </asp:DropDownList> 

       <asp:Label ID="label" runat="server" /> 
      </ContentTemplate> 
      <Triggers> 
       <asp:AsyncPostBackTrigger ControlID="ddl" EventName="SelectedIndexChanged" /> 
      </Triggers> 
     </asp:UpdatePanel> 
    </form> 
</body> 
</html> 

Чтобы узнать больше об обновлении панелей и ASP.NET AJAX вы можете посмотреть на following article.

+0

Я новичок в asp.net. Можете ли вы предоставить некоторые полезные ссылки, чтобы их было проще реализовать. – Abhishek

+0

Я привел пример. Также здесь есть ссылка, на которую вы можете взглянуть: http://www.asp.net/ajax/documentation/live/overview/UpdatePanelOverview.aspx –

Смежные вопросы