如何在Ajax的ModelpopupExtender中显示Tabcontrol

问题描述

Hi,

I have a Tabcontrol of Asp.net Ajax that contains three tabs.These three tabs are dispalys three chartcontrols. my problem is i want to show tabcontrol in modelpopupExtender control of ajax for this i have written the source code like,

<td>Date: </td>
        <td><asp:TextBox ID="txtFrom" runat="server"></asp:TextBox>
         <cc1:CalendarExtender ID="ceDateFrom" runat="server"

                            Enabled="True" TargetControlID="txtFrom" Format="yyyy-MM-dd" CssClass= " cal_Theme1" >
                        </cc1:CalendarExtender>
        </td>
        <td><asp:Button ID="btnSubmit" runat="server" Text="GetReport"

                 onclick="btnSubmit_Click" /></td>
        </tr>
        <tr>
        <cc1:ModalPopupExtender ID="mp1" runat="server" PopupControlID="tabcontainer" TargetControlID="btnSubmit"

         CancelControlID="btnClose" BackgroundCssClass="modalBackground" >
        </cc1:ModalPopupExtender>
        </tr>

<asp:Panel ID="Panel1" runat="server"  align="center" style = "display:none">
         <div id="tabcontainer" style="width: 600px; height: 400px" runat="server">
            <cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" >
                <cc1:TabPanel ID="TabPanel1" runat="server">
                    <HeaderTemplate>
                        Day
                    </HeaderTemplate>
                    <ContentTemplate>
                        <asp:Chart ID="Chart1" runat="server"   BackColor="#D3DFF0" BorderWidth="2" BackGradientStyle="TopBottom" BackSecondaryColor="White" Palette="BrightPastel" BorderlineDashStyle="Solid" BorderColor="26, 59, 105" Height="400px" Width="590px" >
                                    <borderskin skinstyle="Emboss"></borderskin>

                                    <titles>
       <asp:Title ShadowColor="32, 0, 0, 0" Font="Trebuchet MS, 14.25pt, style=Bold" ShadowOffset="3" Text="Shipped Orders " ForeColor="26, 59, 105"></asp:Title>
       </titles>
                                    <Series>
                                        <asp:Series Name="Series1"  >
                                        </asp:Series>
                                    </Series>
                                    <ChartAreas>
                                        <asp:chartarea Name="ChartArea1" BorderColor="64, 64, 64, 64" BorderDashStyle="Solid" BackSecondaryColor="White" BackColor="Gainsboro" ShadowColor="Transparent" BackGradientStyle="TopBottom" >
<area3dstyle  Enable3D="True" Inclination="10" LightStyle="Realistic" Perspective="15" IsRightAngleAxes="true" IsClustered="False" />
<axisy linecolor="64, 64, 64, 64" IsLabelAutoFit="False">
<labelstyle font="Trebuchet MS, 8.25pt, style=Bold" IsStaggered="false" />
<majorgrid linecolor="64, 64, 64, 64" />
</axisy>
<axisx linecolor="64, 64, 64, 64" IsLabelAutoFit="False"   >
<labelstyle font="Trebuchet MS, 8.25pt, style=Bold"  interval="1" IsEndLabelVisible="false" />
<majorgrid linecolor="64, 64, 64, 64" Interval="1" />
</axisx>
</asp:chartarea>
                                    </ChartAreas>
                                </asp:Chart>
                    </ContentTemplate>
                </cc1:TabPanel>


 </cc1:TabContainer>

        </div>
        </asp:Panel>

The above source is not showing anything on webpage. my doubt is am i using it is right or anything is wrong please let me know where i have written wrong.

Thanks&Regards,

Raghu.

推荐答案

<cc1:ModalPopupExtender ID="mp1" runat="server" PopupControlID="tabcontainer" TargetControlID="btnSubmit"

         CancelControlID="btnClose" BackgroundCssClass="modalBackground" >
        </cc1:ModalPopupExtender>

tag with below tag

 <cc1:ModalPopupExtender ID="mp1" runat="server" PopupControlID="Panel1" TargetControlID="btnSubmit"

         CancelControlID="btnClose" BackgroundCssClass="modalBackground" >
        </cc1:ModalPopupExtender>

并从Panel1中删除style ="display:none"属性

and remove style = "display:none" property from Panel1

这篇关于如何在Ajax的ModelpopupExtender中显示Tabcontrol的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！