TabContainer选项卡使用，动态创建选项卡

最新推荐文章于 2022-05-11 11:12:30 发布

weixin_34388207

最新推荐文章于 2022-05-11 11:12:30 发布

阅读量218

点赞数

原文链接：http://blog.51cto.com/zhangleiy/369384

版权

项目测试过后，发现有个页面加载很慢。查啊查啊，总算查到是那部分代码占了不少时间。嗯，客户要求高，没办法，只好优化啊。我做的是动态创建TAB选项卡，再根据TAB选项卡的标题，动态创建Gridview 。刚开始不会做，查了好久，发现个不错的文章：

搞不懂为什么AJAX Control Toolkit 的Tab控件为什么不提供TabPanel切换时可设置回传或回调。我就要需要这个功能：当在TabPanel切换时，实现动态加载TabPanel里的内容。

Google了不少网页，看了不少的文章，好几次冲动地想自己把功能做出来，可抱着别人也应该会遇到这个问题的幻想，终于老天不负有心人，给我打到了答案。似乎找不到中文版的解决方案，可英文版竟然找到了。

答案在这个网址里： http://www.codeplex.com/AtlasControlToolkit/WorkItem/View.aspx?WorkItemId=7739

不想看E文的话，我这里说下：

1。在UpdatePanel里加上这个：

<asp:AsyncPostBackTrigger ControlID="tabContainer" EventName="ActiveTabChanged" /> </triggers>

2。在aspx网页上加上这个客户端脚本：

function ActiveTabChanged(sender, e)

{

<%= Page.ClientScript.GetPostBackEventReference(TabContainer, String.Empty) %>

}

或

function ActiveTabChanged(sender, e)

{

__doPostBack('<%= TabContainer.ClientID %>', sender.get_activeTab().get_headerText());

}

3。在Tab控件加上这个属性： OnClientActiveTabChanged="ActiveTabChanged"

4。在Page_Load事件里加： ScriptManager1.RegisterAsyncPostBackControl(TabContainer); 注意：将以上的“TabContainer”替换为你自定的tab控件ID

TabContainer要实现服务器端回传,出来在后台实现 OnActiveTabChanged 事件外, 还需要在前台实现 OnClientActiveTabChanged 事件，这是关键。

<asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="true">

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

</ajaxToolkit:TabPanel>

</ajaxToolkit:TabContainer>

</contenttemplate>

<asp:AsyncPostBackTrigger ControlID="Tabs" EventName="ActiveTabChanged" />

</triggers>

</asp:UpdatePanel>

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;

} }

本以为照着做，应该可以顺利做出来，可是没想到却报错：

提示信息：

Sys.WebForms.PageRequestManagerTimeoutException:The server request time out.

Ajax控件总是奇奇怪怪的出现异常。哎，接着查吧，终于查出：

这样就可以解决。具体可以看：
http://forums.asp.net/p/1042916/1459117.aspx

<asp:scriptmanager AsyncPostBackTimeOut="36000" runat="server">

当然我还遇到了又一个问题：报错：
Sys.WebForms.PageRequestManagerParserErrorException: The message received from the server could not be parsed. Common causes for this error are when the response is modified by calls to Response.Write(), response filters, HttpModules, or server trace is enabled. Details: Error parsing near '

具体解决方法我就不多说了，想知道解决办法的话，请看
http://www.dezai.cn/article_show.asp?ArticleID=27039
我也试了，好像也不好用。呵呵，可能是我逻辑错误，我改了部队代码就不报这样的错了。
http://www.cnblogs.com/dongyongjing/archive/2007/03/20/681411.html

　　由于我是动态创建控件，当然也遇到了动态删除控件。我本以为按顺序做，就不出错了。先删除旧的控件，再创建新的，可是却又报错：

未能加载视图状态。正在向其中加载视图状态的控件树必须与前一请求期间用于保存视图状态的控件树相匹配。例如，当以动态方式添加控件时，在回发期间添加的控件必须与在初始请求期间添加的控件的类型和位置相匹配。

这个问题的出现，我认为就是ViewState造成的。

在回发时候，用户试图去加载第二个控件的时候，由于第一控件仍有ViewState存在，服务端会尝试去恢复已经不存在的用户控件的状态（或事件），结果，出现这种问题。

我作了一些尝试：

比如在加载不同的用户控件的时候，将PlaceHolder的EnableViewState = false;
给用户控件加上定义的id：

Definition1.ID = "ID_Define";
WebPart.Controls.Add(Definition1);
但是，运行的时候还是有问题。

具体解决办法，参看：
http://www.cnblogs.com/king_astar/archive/2005/06/01/165763.html
http://www.cnblogs.com/king_astar/archive/2004/11/08/52322.html
呵呵，我看还是这里全点：
http://www.cnblogs.com/airforce1st/archive/2004/08/27/36973.aspx

哦，对了，我还遇到了问题：

在使用主题的时候出现控件包含代码块(即 )，因此无法修改控件集合错误,原来错误的原因是:

控件包含代码块(即 )，因此无法修改控件集合。将这些代码去掉，相应的功能在代码中实现即可。

造成这个错误的原因是：在里面，使用了类似这样的代码,