0
我有一個應用程序,其中包含一個下拉列表和選項卡。我該做什麼是當我點擊標籤時,它應該改變下拉列表來重新激活標籤,反之亦然。我已經嘗試過javascript,但由於ddl在服務器上,並且從客戶端調用JavaScript,所以不起作用。任何幫助表示讚賞。ajax選項卡和事件處理
感謝
RV
我有一個應用程序,其中包含一個下拉列表和選項卡。我該做什麼是當我點擊標籤時,它應該改變下拉列表來重新激活標籤,反之亦然。我已經嘗試過javascript,但由於ddl在服務器上,並且從客戶端調用JavaScript,所以不起作用。任何幫助表示讚賞。ajax選項卡和事件處理
感謝
RV
下面是使用異步回發一個樣本(設置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
如果您發佈腳本你已經有了,我們會更容易幫助你。 –