0

我有一个 ASP.NET 页面，其中包含一个按钮、一个 AjaxToolKit TabControl 和两个 TabPanel。如果选择/激活任何其他选项卡，我希望在选择和禁用选项卡 #0 时启用按钮。

但是，我什至没有正确编译代码。

我的尝试是

<asp:Content ID="Foobar" ContentPlaceHolderID="MainContentPlaceHolder" runat="Server">
<script  type="text/javascript">
    function CanSave(sender,e)) {
        var tabContainer = window.$get('<%=tcMain.ClientID%>');
        if (tabContainer != undefined && tabControl != null) {
            tabContainer = tabControl.control;
            document.getElementById('<%=ButtonSave.ClientID %>').disabled = (tabContainer.ActiveTabIndex == 0);
        }
    }
</script> 
    <asp:Button ID="ButtonSave" runat="server" Enabled="false" OnClick="ButtonSave_Click" Text="Save" Width="8.8em" />
    <ajaxToolkit:TabContainer runat="server" ID="tcMain" OnActiveTabChanged="CanSave">
       <ajaxToolkit:TabPanel ID="tpOne" runat="server" HeaderText="One">
         <ContentTemplate>
         ...                    
         </ContentTemplate>
       <ajaxToolkit:TabPanel ID="tpTwo" runat="server" HeaderText="Two">
         <ContentTemplate>
         ...                    
         </ContentTemplate>
    </ajaxToolkit:TabContainer>


</asp:Content>

脚本的东西都是从互联网上收集的。我不得不承认，我对 jscript、ASP.NET 等一无所知，但我必须找到一种方法来切换该按钮的可见性ButtonSave。

请给我一些正确方向的提示。提前致谢。

4

2 回答 2

1

OnActiveTabChanged不是客户端事件。您必须在代码隐藏文件中编写代码才能使其正常工作。请注意，此事件将导致回发，并在更改选项卡时刷新您的页面。

protected void tbcRatingMaster_ActiveTabChanged(object sender, EventArgs e)
{
 if (tbcRatingMaster.ActiveTabIndex == 0) //First tab
 {
   ButtonSave.Enabled = false;
 }
}
于 2013-04-08T11:32:53.880 回答
0

这是我的解决方案。诀窍是使用OnClientActiveTabChanged事件。很明显，不是吗？

<asp:Content ID="Foobar" ContentPlaceHolderID="MainContentPlaceHolder" runat="Server">
<script  type="text/javascript">
    function CanSave(sender,e)) {
        var tabContainer = window.$get('<%=tcMain.ClientID%>');
        if (tabContainer != undefined && tabControl != null) {
            tabContainer = tabControl.control;
            document.getElementById('<%=ButtonSave.ClientID %>').disabled = (tabContainer.get_activeTabIndex() == 0);
        }
    }
</script> 
    <asp:Button ID="ButtonSave" runat="server" Enabled="false" ... />
    <ajaxToolkit:TabContainer 
       runat="server" 
       ID="tcMain" 
       OnClientActiveTabChanged="CanSave">

...

于 2013-04-08T13:53:20.123 回答