欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 人文社科 > 生活经验 >内容正文

生活经验

(转)TabContainer要实现服务器端回传

发布时间:2023/11/27 生活经验 61 豆豆
生活随笔 收集整理的这篇文章主要介绍了 (转)TabContainer要实现服务器端回传 小编觉得挺不错的,现在分享给大家,帮大家做个参考.
TabContainer要实现服务器端回传,出来在后台实现 OnActiveTabChanged 事件外,
还需要在前台实现 OnClientActiveTabChanged 事件,这是关键。
<asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="true">
    
<contenttemplate>
        
<ajaxToolkit:TabContainer runat="server" ID="Tabs" Height="480px" Width="100%" 
            OnClientActiveTabChanged
="activeTabChanged"
            OnActiveTabChanged
="Tabs_ActiveTabChanged">
            
<ajaxToolkit:TabPanel runat="Server" ID="Panel1" HeaderText="我的消息">
                
<ContentTemplate>
                ***
                
</ContentTemplate>
            
</ajaxToolkit:TabPanel>
            
<ajaxToolkit:TabPanel runat="Server" ID="Panel2" HeaderText="已发消息">
                
<ContentTemplate>
                    ***
                
</ContentTemplate>
            
</ajaxToolkit:TabPanel>
        
</ajaxToolkit:TabContainer>
    
</contenttemplate>
    
<triggers>
        
<asp:AsyncPostBackTrigger ControlID="Tabs" EventName="ActiveTabChanged" />
    
</triggers>
</asp:UpdatePanel>

<script language="javascript" type="text/jscript">
function activeTabChanged(sender, e) 

    __doPostBack('
<%= Tabs.ClientID %>', sender.get_activeTabIndex()); 
}

</script>
后台.cs代码:
protected void Tabs_ActiveTabChanged(object sender, EventArgs e)
{
    
switch (Tabs.ActiveTabIndex)
    
{
        
case 0:
            BindGrid();
            
break;
        
case 1:
            BindGrid2();
            
break;
        
case 2:
            Message.Text 
= "";
            
break;
        
default:
            
break;
    }

}

转载于:https://www.cnblogs.com/zhanglipeng107/archive/2008/06/20/1227050.html

总结

以上是生活随笔为你收集整理的(转)TabContainer要实现服务器端回传的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。