c# - 使用 AjaxToolKit 的 TabContainer

标签 c# asp.net ajax ajaxcontroltoolkit

之前我遇到了查找控件和设置选项卡索引的问题。我现在的问题是,根据某些选项卡中是否有数据,它们被设置为 Visible = true 或 false。如果没有数据,它们将不可见(选项卡可见),但会显示容器和任何其他包含数据的选项卡。

所以当我这样做的时候

$find('<%=myTabs.ClientID%>').set_activeTabIndex(1);

它给我错误,因为对于该特定项目,选项卡 0 中没有数据,所以我现在要设置的选项卡位于索引 0,因为我要设置的选项卡会将索引向下移动。我如何使用 javascript 知道此选项卡位于哪个索引中?

相关代码:

函数 getFocus() {

    //need to be able to find out at which index pnlTab2 is at.. so i can set it
    $find('<%=myTabs.ClientID%>').set_activeTabIndex(1);
    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>

基本上,我怎样才能找到 TabPanel 的索引,以便我可以将 activeTab 设置为找到的索引?

============================================= ==========================

最佳答案

function setFocus() {
        var success = false;
        var tabInedx = 0;
        var tabs = $find("<%= myTabs.ClientID %>").get_tabs();
        for (; tabInedx < tabs.length; tabInedx++) {
            if (tabs[tabInedx].get_id() == "<%= pnlTab2.ClientID %>") {
                success = true;
                break;
            }
        }

        if (success) {
            alert("Tab2 index: " + tabInedx)
        }
    }

关于c# - 使用 AjaxToolKit 的 TabContainer,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6734548/

相关文章:

c# - 重新编写响应体 asp.net core 自定义中间件

c# - Css 的 HTML 错误日志

c# - SAP .NET 连接器在第一次尝试时需要很长时间才能获取结果

c# - 如何通过c#访问localhost连接MySQL数据库?

c# - 如何对齐 Asp 单选按钮元素的列表项?

php - 使用 jQuery 自动 PHP 通知

javascript - ajax刷新div后SlideToggle不起作用

php - PHP如果Post Value小于或大于

c# - 处理功能键按下

c# - DB 中的 System.Web.UI.WebControls.TextBox