Использование Ajax-инструментов TabContainer и TabPanel - PullRequest
Новая
       11

Использование Ajax-инструментов TabContainer и TabPanel

0 голосов
/ 18 июля 2011

У меня есть несколько вкладок на странице, и это всегда по умолчанию первая вкладка, но когда ссылка нажата, я хочу, чтобы она выбрала другую вкладку, используя javascript.Как выбрать вкладку с помощью Javascript?

Прямо сейчас, поскольку по умолчанию выбирается первая вкладка, javascript выдает ошибку, что либо pnlTab2 не виден, либо не существует.Но если я вручную нажимаю на вкладку, а затем по ссылке, которая правильно фокусируется на этой вкладке?

Я новичок в C # и Javascript, может ли кто-нибудь помочь мне?а потом сфокусируйся так, чтобы это не давало мне ошибки?

Спасибо 

 function DoFocus() {
    var pnlTab1 = document.getElementById('<%=pnlTab1.ClientID%>');
    var pnlTab2 = document.getElementById('<%=pnlTab2.ClientID%>');

    if (pnlTab2 != null ) {

        //I WANT TO SELECT THE TAB HERE
        document.getElementById('<%=pnlCustomerReviews.ClientID%>').focus();
    }
    else {
         //OR SELECT THIS ONE
        document.getElementById('<%=pnlTab2.ClientID%>').focus();
    }
         return false;
}


<asp:UpdatePanel ID="UpdatePnl" runat="server" UpdateMode="Conditional">
        <ContentTemplate>     
            <ajaxToolKit:TabContainer runat="server" id="myTabs" CssClass="CustomTabStyle">
            <ajaxToolKit:TabPanel ID="pnlTab1" runat="server" HeaderText="Tab 1">                                                  
            <ContentTemplate> 
                <table> 
                    <tr>                           
                        <td>                 
                            <div class="Tab1">                     
                                <asp:Label ID="lblPnl1" runat="server"></asp:Label>                                                   
                            </div>                              
                        </td>
                    </tr>   
                </table> 
            </ContentTemplate>             
            </ajaxToolKit:TabPanel>

            <ajaxToolKit:TabPanel ID="pnlTab2" runat="server" HeaderText="Tab2">               
            <ContentTemplate>              
                <table>
                    <tr>
                        <td>
                            <div class="Tab2">                     
                                <asp:Label ID="lblPnl2" runat="server"></asp:Label>                       
                            </div>
                        </td>
                    </tr>
                </table>
            </ContentTemplate>
           </ajaxToolKit:TabPanel>
 </ajaxToolKit:TabContainer>
    </ContentTemplate>
</asp:UpdatePanel>

1 Ответ

1 голос
/ 18 июля 2011

Попробуйте это: http://forums.asp.net/t/1127834.aspx

...