ModalDialog Formular funktioniert nicht gut

Question

Ich habe eine Anwendungsseite. Ich möchte auf eine Schaltfläche klicken, um einen Dialog zu öffnen, der sich auf der anderen Anwendungsseite befindet. Der Dialog erscheint und verschwand schnell in der Luft. Natürlich hat es den korrekten Kontext der Seite nicht angezeigt. Ich verwende SharePoint 2010 und Visual Studio 2010. Ich habe auch Masterseite verwendet. Vielen Dank.

<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

Der Grund der Dialog erscheint und dann disappers ist, weil Ihr asp:. Schaltfläche ein Postback ausführt.

Try

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

die Postbacks zu verhindern verwenden.

Answer 2

Versuchen Sie, diese bro (..)

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"); 
      } 
     }