jquery 대화 상자를 사용하여 "확인"대화 상자를 구현하는 방법은 무엇입니까?

Question

나는 gridview를 가지고, 각 행은 삭제 버튼이 있습니다. 사용자가 삭제 버튼을 클릭하면 jquery .dialog()를 사용하여 확인 대화 상자가 나타납니다. 다음은 내 코드입니다. 하지만 어떻게 든 확인 대화 상자가 표시되지 않습니다. 누구나 실종/잘못되었는지 확인하는 데 도움을 줄 수 있습니까?

<asp:GridView ID="gvInactiveMerchants" runat="server" EnableTheming="False" 
     AutoGenerateColumns="False" DataKeyNames="Key" AllowPaging="True" 
     PageSize="20" CssClass="display records pointerrow" 
     onrowcommand="gvInactiveMerchants_RowCommand" 
     PagerSettings-Mode="NumericFirstLast" 
     onpageindexchanging="gvInactiveMerchants_PageIndexChanging" 
     ClientIDMode="Static"> 
     <RowStyle CssClass="odd" /> 
     <AlternatingRowStyle CssClass="even" /> 
     <PagerStyle CssClass="pager-row" /> 
    <Columns> 
     <asp:TemplateField> 
      <ItemTemplate>     
       <asp:Button ID="btnDelete" Text="Exclude" CssClass="DeleteButton" CommandArgument='<%# Eval("MID") %>' CommandName="DeleteRow" runat="server" OnClientClick="return myConfirm('Are you sure you want to exclude this merchant?');" /> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:BoundField DataField="Field1" HeaderText="Field1" /> 
     <asp:BoundField DataField="Field2" HeaderText="Field2" /> 
    </Columns> 
    </asp:GridView> 


myConfirm = function (msg) { 
      $("<div>are you sure?</div>").dialog({ 
       resizable: false, 
       height: 140, 
       modal: true, 
       title: "alert", 
       buttons: { 
        "Yes": function() { 
         $(this).dialog("close"); 
         return true; 
        }, 
        "No": function() { 
         $(this).dialog("close"); 
         return false; 
        } 
       } 
      }); 
     } 

    protected void gvInactiveMerchants_RowCommand(object sender, GridViewCommandEventArgs e) 
    { 
     try 
     { 
      if (e.CommandName == "DeleteRow") 
      { 
       ... 
      } 
     } 
     catch (Exception ex) 
     { 
      lblMessage.Text = ex.Message; 
     } 
    } 

Answer 1

jquery-ui Js, Css 및 이미지 파일을 코드에 추가하십시오. 그런 다음 어떤 경우에이 대화 상자를 호출하십시오. 자바 스크립트 코드 여기

$("#dialog-confirm").dialog({ 
         resizable: false, 
         height: "auto", 
         width: "99%", 
         modal: true, 
         buttons: { 
         "I Agree": function() { 
          $(this).dialog("close"); 
         }, 
         "I Don't Agree": function() { 
          $('#agreed').prop('checked', false); 
          $(this).dialog("close"); 
         } 
         } 
        }); 

대화 상자의 HTML입니다.

<div id="dialog-confirm" style="display:none;" title="Agreement Form"> 
    Some text 
    </div> 

문제가 있으면 언제든지 저에게 연락하십시오.

Answer 2

$('button[name="remove_levels"]').on('click', function(e){ 
var $form=$(this).closest('form'); 
e.preventDefault(); 
$('#confirm').modal({ backdrop: 'static', keyboard: false }) 
    .one('click', '#delete', function (e) { 
     $form.trigger('submit'); 
    }); 

});

확인이 아래 링크

http://jsfiddle.net/L3ddq/1/