ModalDialog 양식이 제대로 작동하지 않습니다.

Question

응용 프로그램 페이지가 있습니다. 단추를 클릭하여 다른 응용 프로그램 페이지에있는 대화 상자를 열려고합니다. 대화가 나타나 공중에서 사라졌습니다. 원본의 페이지의 정확한 문맥을 표시하지 않았다. SharePoint 2010과 Visual Studio 2010을 사용하고 있습니다. 마스터 페이지도 사용했습니다. 감사. .

<asp:Content ID="PageHead" ContentPlaceHolderID="PlaceHolderAdditionalPageHead" runat="server"> 
<link href="../Stylesheet.css" rel="stylesheet" type="text/css" /> 
<SharePoint:ScriptLink runat="server" Name="sp.js" OnDemand="true" LoadAfterUI="true" Localizable="false" /> 
</asp:Content> 
<asp:Content ID="Main" ContentPlaceHolderID="PlaceHolderMain" runat="server"> 
<div id="wrap"> 
    <div id="nav"> 
     <asp:Button ID="Edit" runat="server" Text="Edit" OnClientClick="javascript:Edit_Click()"> 

     </asp:Button> 
     <script type="text/javascript"> 
      function Edit_Click() { 
           SP.SOD.executeFunc("sp.js"); 
           var options = SP.UI.$create_DialogOptions(); 

           options.title = "My Dialog Title"; 
           options.width = 400; 
           options.height = 600; 
           options.url = "/_layouts/Admin/test.aspx"; 
           SP.UI.ModalDialog.showModalDialog(options); 

         }; 


      </script> 
    </div> 

Answer 1

(..) 그 이유를이 동생을 시도하고 당신의 ASP가 있기 때문에 다음 disappers이다 : 버튼은 포스트 백을 수행합니다. 포스트 백을 방지하기 위해

<asp:Button ID="Edit" runat="server" Text="Edit" OnClientClick="javascript:Edit_Click(); return false;" /> 

를 사용

보십시오.

Answer 2

대화 상자가 표시됩니다

function Edit_Click() { 
    $("#app_setup_wizard_container").dialog({ 
     autoOpen:false, 
     height: 'auto', 
     width: 'auto', 
     resize:false, 
     modal: true, 
     position: [1230,220], 
     url = "/_layouts/Admin/test.aspx"; 
     open: function(event, ui) { 
      var $dialog = $(event.target); 
      var position = $dialog.dialog('option', 'position'); 
      $dialog.closest('.ui-dialog').css({ 
       left: position[0], 
       top: position[1] 
      }); 
     }, 
     buttons: { 
      Cancel: function() { 
       $(this).dialog("close"); 
      } 
     }