Как добавить usercontrol в Updatepanel

Question

Я пытаюсь загрузить UserControls в моем Ajax, но я не уверен, как это сделать. У меня есть 3 кнопки на моей странице с панелью обновления Ajax и 3 UserControls. Каждый раз, когда пользователь нажимает кнопку1, я хочу загрузить UserControl1, и когда пользователь нажимает кнопку2, я хочу загрузить UserControl2 и т. Д. Может ли кто-нибудь сказать мне, как я могу это сделать?

<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> 

Спасибо заранее

Answer 1

Do Ниже Упоминание Thing для различных элементов управления с различным 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> 

Answer 2

<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>