AJAX彈出式窗口控件擴展器 - 如何放置取消按鈕？

Question

通常使用AJAX彈出式控件擴展器，只需選擇該項目，您的選擇就會填充關聯的控件。 但是，如果我想要直接或通過下拉列表填充控件，那麼我想有一個提交按鈕和一個取消按鈕。 我已經找到了如何放入提交按鈕。但是，我如何放置取消按鈕？

  <asp:TextBox runat="server" ID="txtWeek1MonAMTimeIn" Width="40px" /> 
      <cc1:PopupControlExtender 
       ID="PopupControlExtenderWeek1TimeIn" runat="server" 
       PopupControlID="pnlWeek1MonAMTimeIn" 
       Position="Bottom" 
       TargetControlID="txtWeek1MonAMTimeIn" 
       > 
      </cc1:PopupControlExtender> 

---

<!-- Panel for editing data --> 
<asp:UpdatePanel runat="server" ID="UDPWeek1MonAMTimeIn"> 
    <ContentTemplate> 
     <asp:Panel runat="server" ID="pnlWeek1MonAMTimeIn" CssClass="popupControl" 
      onprerender="pnlWeek1MonAMTimeIn_PreRender"> 
      <div class="span-7" style="padding:10px;"> 
       <div> 
        <div class="span-2"> 
         Time In 
        </div> 
        <div class="span-5"> 
         <lib:input runat="server" id="libWeek1MonAMTimeIn" DataType="Time" /> 
        </div> 
       </div> 
       <div> 
        <div class="span-2"> 
         Time Out 
        </div> 
        <div class="span-5"> 
        <lib:input runat="server" id="libWeek1MonAMTimeOut" DataType="Time" /> 
        </div> 
       </div> 
       <div> 
        <div class="span-2"> 
         Not in 
        </div> 
        <div class="span-5"> 
        <asp:DropDownList runat="server" ID="ddlLeaveWeek1MonAM" /> 
        </div> 
       </div> 
       <div> 
        <div class="span-2"> 
         <asp:Button runat="server" ID="btnCancelWeek1MonAMTimeIn" UseSubmitBehavior="false" Text="Cancel" onclick="btnCancelWeek1MonAMTimeIn_Click" /> 
        </div> 
        <div class="span-5"> 
       <asp:Button runat="server" ID="btnSubmitWeek1MonAMTimeIn" Text="Submit" 
          UseSubmitBehavior="false" onclick="btnSubmitWeek1MonAMTimeIn_Click" /></div> 
       </div> 
      </div> 
     </asp:Panel> 
    </ContentTemplate> 
</asp:UpdatePanel> 

---

protected void btnSubmitWeek1MonAMTimeIn_Click(object sender, EventArgs e) 
{ 
    PopupControlExtender.GetProxyForCurrentPopup(this.Page).Commit(string.Empty); 
} 

Answer 1

使用ModalPopupExtender，

它CancelControlId財產

http://www.asp.net/AJAX/AjaxControlToolkit/Samples/ModalPopup/ModalPopup.aspx