0

私はvisualStudio 2010 VBを使用しています

TabContainer 内に UpdateProcess があり、ロード中の画像を表示することができません。サンプルコードの下に追加しました。私はそれを見せるために何かが欠けていますか？

<asp:TabContainer ID="TabSelection" runat="server" ActiveTabIndex="0" 
        Width="1126px" Font-Bold="True" TabStripPlacement="Top" 
        style="margin-right: 34px; margin-top: 49px;" AutoPostBack="True">
  <asp:TabPanel runat="server" HeaderText="Scorecard3" ID="TabScorecard3">
   <HeaderTemplate>
     Scorecard
   </HeaderTemplate>

        <ContentTemplate>

<asp:UpdateProgress ID="UProc_Scorecard" runat="server" AssociatedUpdatePanelID="UP_Scorecard"
  DisplayAfter="1">
<ProgressTemplate>
     <asp:Image id="wait" runat="server" ImageUrl="~/Images/wait3.gif" />
</ProgressTemplate>
</asp:UpdateProgress>

        <asp:UpdatePanel ID="UP_Scorecard" runat="server"> 
         <ContentTemplate>

        … 3 Grids and 3 tables …

        </ContentTemplate>
        <Triggers>
        <asp:AsyncPostBackTrigger ControlID="DateSelection" 
                EventName="SelectedIndexChanged"/>
                <asp:AsyncPostBackTrigger ControlID="GroupSelection" 
                EventName="SelectedIndexChanged"/>
        </Triggers>
        </asp:UpdatePanel>

    </ContentTemplate>
  </asp:TabPanel>
</asp:TabContainer>

ありがとう

4

1 に答える 1

0

UpdateProgress と updatePannel を TabContainer の外に移動することで問題を解決しました。また、タブが選択されるたびにポストバックが発生するのを防ぐために、tabcontainer の自動ポストバックを削除しました。これが誰かに役立つことを願っています。以下のコード例...

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>

<asp:UpdateProgress ID="UProc_TabContainer" runat="server" AssociatedUpdatePanelID="UP_TabContainer"
    DisplayAfter="1">
    <ProgressTemplate>
        <div id="dvProgress" runat="server" style="position: absolute; top: 300px; left: 450px;
            text-align: center;">
            <asp:Image ID="wait" runat="server" ImageUrl="~/Images/wait3.gif" Height="120px"
                Width="128px" />
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>

<asp:UpdatePanel ID="UP_TabContainer" runat="server">
    <ContentTemplate>
        <asp:Panel ID="Panel1" runat="server" BackColor="#66FFFF">

                        <asp:DropDownList ID="DateSelection" runat="server" AutoPostBack="True" Height="21px"
                            Width="134px">
                        </asp:DropDownList>

                        <asp:DropDownList ID="GroupSelection" runat="server" AutoPostBack="True" Height="21px"
                            Width="134px" >
                        </asp:DropDownList>

        </asp:Panel>

        <asp:TabContainer ID="TabSelection" runat="server" ActiveTabIndex="0" Width="1126px"
            Font-Bold="True" TabStripPlacement="Top" 
            Style="margin-right: 34px; margin-top: 49px;">
            <%-- AutoPostBack="True"--%>
            <asp:TabPanel runat="server" HeaderText="Scorecard3" ID="TabScorecard3">
                <HeaderTemplate>
                    Scorecard
                </HeaderTemplate>
                <ContentTemplate>
                    … grids and charts …
                </ContentTemplate>
            </asp:TabPanel>
            <asp:TabPanel runat="server" HeaderText="Documentation" ID="TabInfo">
                <ContentTemplate>
                    … documentation …
                </ContentTemplate>
            </asp:TabPanel>
            <asp:TabPanel ID="Project" runat="server" HeaderText="Project">
                <ContentTemplate>
                    … documentation…
                </ContentTemplate>
            </asp:TabPanel>
        </asp:TabContainer>
    </ContentTemplate>
</asp:UpdatePanel>
于 2013-03-25T11:02:53.013 に答える