2014-06-07 37 views
0

我想在我的Ajax中加載UserControls,但我不知道如何去做。我的頁面中有3個按鈕,帶有Ajax更新面板和3個UserControls。每次用戶點擊button1我想加載UserControl1,當用戶點擊button2時,我想加載UserControl2,等等。誰能告訴我我該怎麼做?如何在UpdatePanel中添加用戶控件

<ul class="nav navbar-nav navbar-left"> 
    <li><a class="#123"><asp:Button ID="btnAddVideo" runat="server" Text="Add Tutorial" CssClass="VideoRoomMenu" OnClick="btnAddVideo_Click" /></a></li> 
    <li><a class="#123"><asp:Button ID="btnEditVideo" runat="server" Text="Edit Video Details" CssClass="VideoRoomMenu" OnClick="btnEditVideo_Click" /></a></li> 
    <li><a class="#123"><asp:Button ID="btnSearchVideo" runat="server" Text="Search Video" CssClass="VideoRoomMenu" OnClick="btnSearchVideo_Click" /></a></li> 
</ul> 

<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
    <ContentTemplate></ContentTemplate> 
    <Triggers> 
     <asp:AsyncPostBackTrigger ControlID="btnAddVideo" EventName="btnAddVideo_Click" /> 
     <asp:AsyncPostBackTrigger ControlID="btnEditVideo" EventName="btnEditVideo_Click" /> 
     <asp:AsyncPostBackTrigger ControlID="BtnSearchVideo" EventName="btnSearchVideo_Click" /> 
    </Triggers> 
</asp:UpdatePanel> 

預先感謝您

回答

0

做下面提及的事情不同的控制不同的UpdatePanel

<ul> 
<li > 
     <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
     <ContentTemplate> 
      <a class="#123"><asp:Button ID="btnAddVideo" runat="server" Text="Add Tutorial" CssClass="VideoRoomMenu" OnClick="btnAddVideo_Click" /></a> 
     </ContentTemplate> 
     <Triggers> 
      <asp:AsyncPostBackTrigger ControlID="btnAddVideo" EventName="Click" /> 
     </Triggers> 
     </asp:UpdatePanel> 
</li> 
<li> 
     <asp:UpdatePanel ID="UpdatePanel2" runat="server"> 
     <ContentTemplate> 
      <a class="#123"><asp:Button ID="btnEditVideo" runat="server" Text="Edit Video Details" CssClass="VideoRoomMenu" OnClick="btnEditVideo_Click" /></a> 
     </ContentTemplate> 
     <Triggers> 
      <asp:AsyncPostBackTrigger ControlID="btnEditVideo" EventName="Click" /> 
     </Triggers> 
     </asp:UpdatePanel> 
</li> 
<li> 
     <asp:UpdatePanel ID="UpdatePanel3" runat="server"> 
     <ContentTemplate> 
      <a class="#123"><asp:Button ID="btnSearchVideo" runat="server" Text="Search Video" CssClass="VideoRoomMenu" OnClick="btnSearchVideo_Click" /></a> 
     </ContentTemplate> 
     <Triggers> 
      <asp:AsyncPostBackTrigger ControlID="btnSearchVideo" EventName="Click" /> 
     </Triggers> 
     </asp:UpdatePanel> 
</li> 
</ul> 
+0

我希望他們在1個面板實際上 – Ali

0
<ul> 
    <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
    <ContentTemplate> 
<li> 
     <a class="#123"><asp:Button ID="btnAddVideo" runat="server" Text="Add Tutorial" CssClass="VideoRoomMenu" OnClick="btnAddVideo_Click" /></a> 
</li> 
<li> 
     <a class="#123"><asp:Button ID="btnEditVideo" runat="server" Text="Edit Video Details" CssClass="VideoRoomMenu" OnClick="btnEditVideo_Click" /></a> 
</li> 
<li> 
     <a class="#123"><asp:Button ID="btnSearchVideo" runat="server" Text="Search Video" CssClass="VideoRoomMenu" OnClick="btnSearchVideo_Click" /></a> 
</li> 

    </ContentTemplate> 
    <Triggers> 
     <asp:AsyncPostBackTrigger ControlID="btnAddVideo" EventName="Click" /> 
     <asp:AsyncPostBackTrigger ControlID="btnEditVideo" EventName="Click" /> 
     <asp:AsyncPostBackTrigger ControlID="btnSearchVideo" EventName="Click" /> 
    </Triggers> 
    </asp:UpdatePanel> 
</ul> 
相關問題