AJAX 工具包中的 TabContainer 有一个奇怪的问题。
我们对作为 ASP.net 控件构建的客户记录系统有几个视图。这些控件使用 UpdatePanel 异步加载数据。我们使用 jQuery 和 jquery.ui 将这些控件放置在单个页面上的单独选项卡中。
这一切都很顺利。
最近,我对 jQuery tab hackish 方法有点厌倦了,并决定移植一切以使用 TabContainer。我希望能够将选项卡作为对象进行控制。
乍一看,一切都很完美。我只是将控件放入 TabContainer 中的选项卡中,一切看起来都很棒。但是,由于某种原因,数据绑定控件正在丢失其数据。
例如,当我切换页面时,网格视图会消失。带有 OnTextChanged 事件的下拉控件在回发时会丢失其数据绑定的值列表。
关于使用数据绑定层次结构的 TabContainer -> Custom Control -> UpdatePanel -> Control 的某些内容正在使其失控,并且调试器没有任何亮点。似乎没有存储控制状态。
我对控制状态知之甚少,不知道要寻找什么。
有任何想法吗?这是 TabContainer 的标记:
<asp:TabContainer ID="tcBanner" runat="server" ActiveTabIndex="0" Width="100%"
EnableViewState="False" ScrollBars="Vertical">
<asp:TabPanel runat="server" HeaderText="Comments" ID="tbComments">
<ContentTemplate>
<luBannerControl:Comments ID="commentsTabContent" runat="server" />
</ContentTemplate>
</asp:TabPanel>
<asp:TabPanel runat="server" HeaderText="General" ID="tbContact">
<ContentTemplate>
<luBannerControl:Contact ID="contactTabContent" runat="server" />
</ContentTemplate>
</asp:TabPanel>
</asp:TabContainer>
这是其中一个控件的标记:
<asp:UpdatePanel ID="pnlComments" UpdateMode="Conditional" runat="server">
<ContentTemplate>
<asp:GridView ID="CommentsGridView" AllowPaging="true" PageSize="20" DataSourceID="BannerSqlDataSource" runat="server" AutoGenerateColumns="False" GridLines="None" CssClass="CommentGrid" HeaderStyle-CssClass="CommentGridHeader" RowStyle-CssClass="CommentRowsEven" AlternatingRowStyle-CssClass="CommentRowsOdd">
<Columns>
<asp:BoundField DataField="SPRCMNT_TEXT" HeaderText="Comment" SortExpression="SPRCMNT_TEXT" />
<asp:BoundField DataField="SPRCMNT_DATE" HeaderText="Created" SortExpression="SPRCMNT_DATE" DataFormatString="{0:M/dd/yyyy}" />
<asp:BoundField DataField="SPRCMNT_CMTT_CODE" HeaderText="Type" SortExpression="SPRCMNT_CMTT_CODE" />
<asp:BoundField DataField="SPRCMNT_CTYP_CODE" HeaderText="Source" SortExpression="SPRCMNT_CTYP_CODE" />
<asp:BoundField DataField="sprcmnt_user_id" HeaderText="User" SortExpression="sprcmnt_user_id" />
</Columns>
</asp:GridView>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="txtSearch" EventName="TextChanged" />
<asp:AsyncPostBackTrigger ControlID="btnClearFilter" EventName="Click" />
</Triggers>
</asp:UpdatePanel>