ValidatorCalloutExtender 包含 TabContainer/TabPanels？

Question

我有一个带有三页输入字段的 TabContainer。对于每个 TabPanel，都有一组 ValidatorCalloutExtender（面板上的每个验证器都有一个）。

当我验证页面时，验证仅适用于当前面板。对于所有隐藏的选项卡面板，当选择该选项卡时，所有验证器工具提示都杂乱可见。

我在第一个和第二个选项卡页上放置了一个按钮，大致如下所示：

<input type="button" class="next" value="Next" onclick="Page_ClientValidate('Contact'); if(Page_IsValid) { SelectTab(1); }" />

其中 selecttab 如下所示：

function SelectTab(ix)
{
    var container = $find('<%=createUserTabs.ClientID%>');
    container.set_activeTabIndex(ix);
}

仅按按钮，选项卡页实际上会进行验证。 但当我点击选项卡而不是按钮时，地狱刹车再次松动。

首先，无法阻止选项卡切换。 其次，如果我向 OnClientActiveTabChanged="tabChanged" 添加验证，所有验证器都会在已验证的选项卡上堆得一团糟，因为它没有显示。

function tabChanged(sender, args) {
    tabIndex = sender.get_activeTabIndex();

    if (!Page_ClientValidate('Contacts')) {
        if (tabIndex != 0) {
            sender.set_activeTabIndex(0);
            Page_ClientValidate('Contacts'); //Doesn't fix the validator soup
        }

        return;
    }

有人让 ValidatorCalloutExtenders 与 TabContainer 一起使用吗？

是否值得为 ajaxControlToolkit 烦恼，还是应该不眨眼地重写为 jQuery？ （严重的问题...这是一个 webforms 项目，如果 ajaxControlToolkit 正在使用，但我感觉受到它的限制和对抗。）

Answer 1

没关系……我太厚了。

var getouttahere = false;

function tabChanged(sender, args) {

    if (getouttahere) {
        return;
    }
    getouttahere = true;

    tabIndex = sender.get_activeTabIndex();

    do {

        sender.set_activeTabIndex(0);
        if (!Page_ClientValidate('Contact') || 0 == tabIndex) {
            break;
        }

        sender.set_activeTabIndex(1);
        if (!Page_ClientValidate('Delivery') || 1 == tabIndex) {
            break;
        }

        sender.set_activeTabIndex(2);
        if (!Page_ClientValidate('Invoicing')) {
            break;
        }

    } while (false);

    getouttahere = false;
}