ModalPopupExtender не выполняет обратную передачу

Question

У меня есть эта страница, где у меня есть ModalPopupExtender.Теперь панель, которая отображается как ModalPopup, имеет 2 кнопки, а именно «Пригласить» и «Отмена».Моя проблема заключается в том, что когда я нажимаю на любую из кнопок, обратная передача не происходит, и я не могу запустить свой код на стороне сервера.

Когда я нажимаю на кнопку «Пригласить», она просто скрывает элемент управления ModalPopupExtender и делаетничего !!

    <asp:ModalPopupExtender ID="mpeInviteFriend" runat="server"
  TargetControlID="lbInvite" PopupControlID="pnlInviteFriend"
  OkControlID="btnInvite" CancelControlID="btnCancel"
  BackgroundCssClass="diabledBackground" Y="100"></asp:ModalPopupExtender>

 <asp:Panel ID="pnlInviteFriend" runat="server">
  <div class="popUpBoxBackground" style="height:230px; width: 400px">
   <div class="popUpBox">
    <div class="popUpHeader">
     <b>Invite a Friend</b>
    </div>
    <div class="popUpBody" style="height:210px">
     <div style="padding: 10px">
      <table cellpadding="0" cellspacing="0" border="0" width="100%">
       <tr>
        <td>You have chosen to invite your friend to join this community.</td>
       </tr>
       <tr>
        <td style="padding: 8px 0px 0px 0px">Email address of your friend:</td>
       </tr>
       <tr>
        <td style="padding: 4px 0px 5px 0px" align="right">
         <asp:TextBox ID="TextBox1" runat="server" 
          TextMode="MultiLine" CssClass="inputTextbox"
          Width="99%" Height="28px"></asp:TextBox>
         <span class="smallInfoText" style="color: #000">In case you want to invite more than 1 friend, separate their mail id with a ;</span>
        </td>
       </tr>
       <tr>
        <td style="padding: 4px 0px 0px 0px">Would you like to add a personal note?</td>
       </tr>
       <tr>
        <td style="padding: 4px 0px 5px 0px" align="right">
         <asp:TextBox ID="txtInvitationText" runat="server" 
          TextMode="MultiLine" CssClass="inputTextbox"
          Width="99%"></asp:TextBox>
         <span class="smallInfoText" style="color: #000">If not then leave it blank and we will take care of the note : )</span>
        </td>
       </tr>
       <tr>
        <td align="right">
         <asp:Button ID="btnInvite" runat="server" OnClick="btnInvite_Click" Text="Invite" style="margin-right: 10px" Width="60px" />
         <asp:Button ID="btnCancel" runat="server" OnClick="btnCancel_Click" Text="Cancel" Width="60px" />
        </td>
       </tr>
      </table>
     </div>
    </div>
   </div>
  </div>
 </asp:Panel>

Пожалуйста, помогите.

Спасибо.

Answer 1

Не назначайте элемент управления ok, поэтому событие будет работать нормально.

Также оно работает для контроля отмены, просто не назначайте их.

Answer 2

Уберите эту часть вашей разметки:

OkControlID="btnInvite" CancelControlID="btnCancel"

Обновление после комментария:

На этапе инициализации, на стороне клиента, выполняется этот фрагмент кода:

    if (this._OkControlID) {
        this._okHandler = Function.createDelegate(this, this._onOk);
        $addHandler($get(this._OkControlID), 'click', this._okHandler);
    }

Так что в основном он создает обработчик для функции _onOK:

_onOk: function(e) {
    /// <summary>
    /// Handler for the modal dialog's OK button click
    /// </summary>
    /// <param name="e" type="Sys.UI.DomEvent">
    /// Event info
    /// </param>

    var element = $get(this._OkControlID);
    if (element && !element.disabled) {
        if (this.hide() && this._OnOkScript) {
            window.setTimeout(this._OnOkScript, 0);
        }
        e.preventDefault();
        return false;
    }
},

как вы можете видеть, он вызывает e.preventDefault (); что приводит к тому, что нормальное поведение OKControl не выполняется, в то время как this.hide () закрывает само модальное всплывающее окно.

Я предлагаю вам прочитать ModalPopupBehavior .debug.js из набора инструментов управления, если вы хотите узнать больше.