Asp.net 如何在Updatepanel中添加usercontrol

我试图在我的Ajax中加载用户控件，但我不知道该怎么做。我的页面中有3个按钮，带有Ajax更新面板和3个用户控件。每当用户单击按钮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>

---

提前感谢您

请在下面提及使用不同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>

---

我想把它们放在一个面板里

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