ajaxtoolkit:TabPanel  包含一个updatePanel，UpdatePanel中有一个DropDownList，当触发SelectedIndexChange事件时，代码根据select到内容动态无刷新更改TabPanel的HeaderText。首先在SelectedIndexChange事件方法中直接给TabPanell.Header="xxx";是不行的。那么我们就得另外找方法。

例子：aspx代码：

 

 
    
     
         
  1. <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>  
    2.  
         
  2.  
    3.  
         
  3. <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>  
    4.  
         
  4.  
    5.  
         
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    6.  
         
  6.  
    7.  
         
  7. <html xmlns="http://www.w3.org/1999/xhtml">  
    8.  
         
  8. <head runat="server">  
    9.  
         
  9.     <title>Untitled Page</title>  
    10.  
         
  10.     <script language="javascript" type="text/javascript">  
    11.  
         
  11.         function updatePanelName() {  
    12.  
         
  12.             var span = document.getElementById('__tab_TabContainer1_tabpenal1');  
    13.  
         
  13.             span.innerText = "sss";  
    14.  
         
  14.         }  
    15.  
         
  15.         function changeName(ddl) {  
    16.  
         
  16.             var span = document.getElementById('__tab_TabContainer1_tabpenal1');  
    17.  
         
  17.             span.innerText = ddl.selectedIndex;  
    18.  
         
  18.         }  
    19.  
         
  19.         function serverClick() {   
    20.  
         
  20.             document.getElementById("changeNewInvoicesTabNameLinkButton").click();  
    21.  
         
  21.         }  
    22.  
         
  22.         function changeName1(ddl) {   
    23.  
         
  23.             //var tc = $find(tabContainerId);  
    24.  
         
  24. //            var tc = document.getElementById("TabContainer1");  
    25.  
         
  25. //            var tabs = tc.get_tabs();  
    26.  
         
  26.             //            tabs[0].set_headerText(ddl.selectedIndex); // changes the header of first tab  
    27.  
         
  27. //            document.getElementById("IndexHiddenField1").value= ddl.selectedIndex;  
    28.  
         
  28. //            serverClick();  
    29.  
         
  29.  
    30.  
         
  30.             $find('TabContainer1').get_tabs()[0]._header.innerHTML = ddl; //document.getElementById("FinalText").value;  
    31.  
         
  31.  
    32.  
         
  32.         }  
    33.  
         
  33.     </script>  
    34.  
         
  34. </head>  
    35.  
         
  35. <body>  
    36.  
         
  36.  
    37.  
         
  37.     <form id="form1" runat="server">  
    38.  
         
  38.      <asp:HiddenField ID="InvoiceDNHiddenField" runat="server" Value="0" />  
    39.  
         
  39.        <asp:HiddenField ID="IndexHiddenField1" runat="server" Value="0" />  
    40.  
         
  40.      <asp:HiddenField ID="FinalText" runat="server" />  
    41.  
         
  41.      <asp:LinkButton ID="changeNewInvoicesTabNameLinkButton" runat="server" Style="display: none;" 
    42.  
         
  42.         OnClick="changeNewInvoicesTabNameLinkButton_Click"></asp:LinkButton>  
    43.  
         
  43.           
    44.  
         
  44.     <div><cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" ></cc1:ToolkitScriptManager>   
    45.  
         
  45.         <cc1:TabContainer ID="TabContainer1" runat="server">  
    46.  
         
  46.         <cc1:TabPanel ID="tabpenal1" HeaderText="tab1" runat="server">  
    47.  
         
  47.             <ContentTemplate>  
    48.  
         
  48.                <asp:UpdatePanel ID="UpdateNewInvoiceListGridView" runat="server">  
    49.  
         
  49.                <Triggers>  
    50.  
         
  50.                  <asp:AsyncPostBackTrigger ControlID="changeNewInvoicesTabNameLinkButton" EventName="Click" />  
    51.  
         
  51.                </Triggers>  
    52.  
         
  52.                    <ContentTemplate>  
    53.  
         
  53.                           <asp:DropDownList ID="ddlTemp" runat="server" DropDownControlID="Label1"   
    54.  
         
  54.                               AutoPostBack="true" onselectedindexchanged="ddlTemp_SelectedIndexChanged" >   
    55.  
         
  55.                             <asp:ListItem>90</asp:ListItem>   
    56.  
         
  56.                             <asp:ListItem>85</asp:ListItem>   
    57.  
         
  57.                             <asp:ListItem>80</asp:ListItem>   
    58.  
         
  58.                             <asp:ListItem>75</asp:ListItem>   
    59.  
         
  59.                             <asp:ListItem>70</asp:ListItem>   
    60.  
         
  60.                             <asp:ListItem>65</asp:ListItem>   
    61.  
         
  61.                             <asp:ListItem>60</asp:ListItem>   
    62.  
         
  62.                             <asp:ListItem>55</asp:ListItem>   
    63.  
         
  63.                             </asp:DropDownList>   
    64.  
         
  64.                             <asp:Button   
    65.  
         
  65.                              runat="server"   
    66.  
         
  66.                              ID="btnUpdate"   
    67.  
         
  67.                              Text="Update"   
    68.  
         
  68.                              OnClick="btnUpdate_Click" OnClientClick="updatePanelName()"  />   
    69.  
         
  69.                             <asp:Label   
    70.  
         
  70.                              ID="Label1"   
    71.  
         
  71.                              runat="server"   
    72.  
         
  72.                              ForeColor="green"   
    73.  
         
  73.                              Font-Bold="true"   
    74.  
         
  74.                              Font-Names="Courier New"   
    75.  
         
  75.                              Font-Size="Large">   
    76.  
         
  76.                             </asp:Label>  
    77.  
         
  77.                    </ContentTemplate>  
    78.  
         
  78.                </asp:UpdatePanel>  
    79.  
         
  79.             </ContentTemplate>  
    80.  
         
  80.         </cc1:TabPanel>  
    81.  
         
  81.         </cc1:TabContainer>  
    82.  
         
  82.     </div>  
    83.  
         
  83.     </form>  
    84.  
         
  84. </body>  
    85.  
         
  85. </html>  
    86.  
        
 
    
Aspx.cs：
 
    
 
 
    
 
    
     
         
  1. using System;  
    2.  
         
  2. using System.Configuration;  
    3.  
         
  3. using System.Data;  
    4.  
         
  4. using System.Linq;  
    5.  
         
  5. using System.Web;  
    6.  
         
  6. using System.Web.Security;  
    7.  
         
  7. using System.Web.UI;  
    8.  
         
  8. using System.Web.UI.HtmlControls;  
    9.  
         
  9. using System.Web.UI.WebControls;  
    10.  
         
  10. using System.Web.UI.WebControls.WebParts;  
    11.  
         
  11. using System.Xml.Linq;  
    12.  
         
  12.  
    13.  
         
  13. public partial class _Default : System.Web.UI.Page   
    14.  
         
  14. {  
    15.  
         
  15.     protected void Page_Load(object sender, EventArgs e)  
    16.  
         
  16.     {  
    17.  
         
  17.         InvoiceDNHiddenField.Value = "1";  
    18.  
         
  18.     }  
    19.  
         
  19.     protected void btnUpdate_Click(object sender, EventArgs j)  
    20.  
         
  20.     {  
    21.  
         
  21.         Label1.Text = "You selected: " + ddlTemp.SelectedItem.Text + " was changed at " + DateTime.Now.ToString();  
    22.  
         
  22.         // tabpenal1.HeaderText = "sss";  
    23.  
         
  23.         //TabContainer1.Tabs[0].HeaderText = "ss";  
    24.  
         
  24.     }  
    25.  
         
  25.     protected void ddlTemp_SelectedIndexChanged(object sender, EventArgs e)  
    26.  
         
  26.     {  
    27.  
         
  27.        // Label2.Text = ddlTemp.SelectedIndex.ToString();  
    28.  
         
  28.         Label1.Text = "You selected: " + ddlTemp.SelectedItem.Text + " was changed at " + DateTime.Now.ToString();  
    29.  
         
  29.         if (InvoiceDNHiddenField.Value == "1")  
    30.  
         
  30.         {  
    31.  
         
  31.             string text = "";  
    32.  
         
  32.             if (ddlTemp.SelectedIndex == 0 )  
    33.  
         
  33.             {  
    34.  
         
  34.                 text = "Re-send Invoices";  
    35.  
         
  35.                 this.Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "age1", "changeName1('" + text + "');", true);  
    36.  
         
  36.  
    37.  
         
  37.                 ScriptManager.RegisterClientScriptBlock(this.UpdateNewInvoiceListGridView, typeof(Page), "key1", "changeName1('" + text + "');", true);  
    38.  
         
  38.  
    39.  
         
  39.             }  
    40.  
         
  40.             else 
    41.  
         
  41.             {  
    42.  
         
  42.                 //FinalText.Value = "New invoices";  
    43.  
         
  43.                 text = "New invoices";  
    44.  
         
  44.                 ScriptManager.RegisterClientScriptBlock(this.UpdateNewInvoiceListGridView, typeof(Page), "key1", "changeName1('" + text + "');", true);  
    45.  
         
  45.             }  
    46.  
         
  46.         }  
    47.  
         
  47.     }  
    48.  
         
  48.     protected void changeNewInvoicesTabNameLinkButton_Click(object sender, EventArgs e)  
    49.  
         
  49.     {  
    50.  
         
  50.         if (InvoiceDNHiddenField.Value == "1")  
    51.  
         
  51.         {  
    52.  
         
  52.             string text="";  
    53.  
         
  53.             if (IndexHiddenField1.Value == "0")  
    54.  
         
  54.             {text= "Re-send Invoices";  
    55.  
         
  55.                   this.Page.ClientScript.RegisterStartupScript(this.GetType(), "age1", "changeName1('" + text + "');", true);  
    56.  
         
  56.             }  
    57.  
         
  57.             else 
    58.  
         
  58.             {  
    59.  
         
  59.                 //FinalText.Value = "New invoices";  
    60.  
         
  60.                 text = "New invoices";  
    61.  
         
  61.                 this.Page.ClientScript.RegisterStartupScript(this.GetType(), "age1", "changeName1('" + text + "');", true);  
    62.  
         
  62.             }  
    63.  
         
  63.         }  
    64.  
         
  64.     }  
    65.  
         
  65.       
    66.  
         
  66. }  
    67.  
        
 
    
通过上面例子，可以发现实现思想是：
 
    
1.首先知道TabPanel的header的JS属性：  
 
    
 
 
    
 
 
    
$find('TabContainer1').get_tabs()[0]._header.innerHTML
 
    
 
 
    
 或者$find(tabpanel1)._header.innerHTML；
 
    
2.然后再通过后台代码传入经过逻辑处理后的HeaderName作为JS参数，最后调用JS函数通过前台执行HeaderText赋值.
 
    
查了很多资料才找到解决方案，有需要的感谢我吧～～