2011-12-12 95 views
0

我有一個應用程序,其中包含一個下拉列表和選項卡。我該做什麼是當我點擊標籤時,它應該改變下拉列表來重新激活標籤,反之亦然。我已經嘗試過javascript,但由於ddl在服務器上,並且從客戶端調用JavaScript,所以不起作用。任何幫助表示讚賞。ajax選項卡和事件處理

感謝

RV

+0

如果您發佈腳本你已經有了,我們會更容易幫助你。 –

回答

0

下面是使用異步回發一個樣本(設置TabContainer的年代和DropDownList的AutoPostBack屬性,以true):

<asp:UpdatePanel ID="UpdDdlTabs" ChildrenAsTriggers="false" UpdateMode="Conditional" runat="server"> 
    <ContentTemplate> 
     <asp:DropDownList ID="DdlTabs" runat="server" AutoPostBack="true"> 
      <asp:ListItem Text="Tab1"></asp:ListItem> 
      <asp:ListItem Text="Tab2"></asp:ListItem> 
      <asp:ListItem Text="Tab3"></asp:ListItem> 
     </asp:DropDownList> 
    </ContentTemplate> 
</asp:UpdatePanel> 
<asp:UpdatePanel ID="UpdTabContainer" ChildrenAsTriggers="false" UpdateMode="Conditional" runat="server"> 
    <ContentTemplate> 
     <ajax:tabcontainer ID="TabContainer1" AutoPostBack="true" runat="server" > 
     <ajax:TabPanel HeaderText="Tab1" runat="server" ID="Tab1"> 
      <ContentTemplate>This is Tab1</ContentTemplate> 
     </ajax:TabPanel> 
     <ajax:TabPanel HeaderText="Tab2" runat="server" ID="Tab2"> 
      <ContentTemplate>This is Tab2</ContentTemplate> 
     </ajax:TabPanel> 
     <ajax:TabPanel HeaderText="Tab3" runat="server" ID="Tab3"> 
      <ContentTemplate>This is Tab3</ContentTemplate> 
     </ajax:TabPanel> 
    </ajax:tabcontainer> 
</ContentTemplate> 
</asp:UpdatePanel> 

代碼隱藏(VB.NET,但有一點應該是清除):

Private Sub DdlTabs_SelectedIndexChanged(sender As Object, e As System.EventArgs) Handles DdlTabs.SelectedIndexChanged 
    Select Case DdlTabs.SelectedValue 
     Case "Tab1" 
      Me.TabContainer1.ActiveTabIndex = 0 
     Case "Tab2" 
      Me.TabContainer1.ActiveTabIndex = 1 
     Case "Tab3" 
      Me.TabContainer1.ActiveTabIndex = 2 
    End Select 
    Me.UpdTabContainer.Update() 
End Sub 

Private Sub TabContainer1_ActiveTabChanged(sender As Object, e As System.EventArgs) Handles TabContainer1.ActiveTabChanged 
    Select Case TabContainer1.ActiveTabIndex 
     Case 0 
      Me.DdlTabs.SelectedValue = "Tab1" 
     Case 1 
      Me.DdlTabs.SelectedValue = "Tab2" 
     Case 2 
      Me.DdlTabs.SelectedValue = "Tab3" 
    End Select 
    Me.UpdDdlTabs.Update() 
End Sub