TabContainer实现服务器端回传

本文介绍如何使用TabContainer组件实现在服务器端的数据回传功能。关键在于除了在后台实现OnActiveTabChanged事件外,还需在前台实现OnClientActiveTabChanged事件。文中提供了一个具体的示例,展示了如何设置UpdatePanel、TabContainer及其触发器,并给出了前后端的实现代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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;
    }

}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值