AJAX Control Toolkit：TabContainer内のマルチビュー、タブボタンのスタイリングの問題

Question

マルチビュー内にTabContainerがあります。編集するためにグリッドビュー内のレコードを一覧表示する特定の編集ページを表示し、そのアイテムの1つをクリックすると、選択したレコードからそのデータが取り込まれ、マルチビュー内の別のビューにフォームが挿入されます。

そのビューにはタブコンテナが含まれています。私の問題は、ページの編集部分に入ってレコードを選択し、TabContainerを使ってViewに切り替えると、ボタンのスタイルがTabContainerには表示されず、Headerテキストにだけ表示されるということです。

私は最初に他のビューで作業しているので、ページに入ったときにViewが表示されないという問題があると仮定しています。これを回避する方法はありますか？

<asp:MultiView ID="PersonPanelView" runat="server"> 
    <asp:View ID="AddPersonView" runat="server"> 
     <ajaxToolkit:TabContainer ID="PersonInformationTabContainer" runat="server" 
           Width="80%"> 
      <ajaxToolkit:TabPanel ID="PersonalInformationPanel" runat="server" > 
         <HeaderTemplate> 
          Personal Information 
         </HeaderTemplate> 
         <ContentTemplate>...</ContentTemplate> 
      </ajaxToolkit:TabPanel> 
      <ajaxToolkit:TabPanel ID="CompanyInformationPanel" runat="server"> 
         <HeaderTemplate> 
          Company Information 
         </HeaderTemplate> 
         <ContentTemplate>...</ContentTemplate> 
      </ajaxToolkit:TabPanel> 
     </ajaxToolkit:TabContainer> 
    </asp:View> 
    <asp:View ID="EditPersonView" runat="server"> 
     ... Gridview that has records to select 
    </asp:View> 
</asp:MultiView> 

これはすべてUpdatePanel内にあります。

Answer 1

回避策を実行することでこれを解決できました。 UpdatePanelの外側に空のTabContainerを追加し、CSSを表示するにはVisible = Trueに設定するだけです。これは基本的にスタイリングのMaskedEditの問題の同じ回避策です