मॉडल पॉपअप

Question

के रूप में एएसपीएक्स पेज को कैसे खोलें मॉडल पॉपअप के रूप में एएसपीएक्स पेज कैसे खोलें।

1. Test.aspx को एक मोडल पॉपअप की तरह खोलना चाहिए।

2. टेस्ट 1.aspx में एक बटन है। क्लिक पर इसे मॉडेल पॉपअप के रूप में Test.aspx पृष्ठ को पॉप्युलेट करना चाहिए।

   <asp:Button ID="Button1" runat="server" Text="Fill Form in Popup" /> 
   

नोट:: Test.aspx:

यहाँ मेरी बटन है सामान्य aspx पेज लेकिन Test1.aspx: पेरेंट पेज मास्टर पृष्ठ होते हैं।

Answer 1

उपयोग ClientScript.RegisterStartupScript, इस

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As EventArgs) 

     Dim query As String = "test.aspx" 
     Dim newWin As String = "window.open('" & query & "');" 
     ClientScript.RegisterStartupScript(Me.GetType(), "pop", newWin, True) 

End Sub 

Answer 2

आप नीचे दिए गए जैसे मोडल पॉपअप एक्सटेंडर उपयोग कर सकते हैं की कोशिश करो।

<cc1:ModalPopupExtender ID="mp1" runat="server" PopupControlID="Panl1" TargetControlID="Button1" 
CancelControlID="Button2" BackgroundCssClass="Background"> 
</cc1:ModalPopupExtender> 

संदर्भ: http://www.c-sharpcorner.com/UploadFile/cd7c2e/open-a-new-web-form-in-the-model-popup-of-Asp-Net-applicatio/

या आप की तरह asp.net कुछ के साथ एक मॉडल संवाद खोलने के लिए jQuery का उपयोग कर सकते हैं।

$(document).on("click", "#LoadDialogButton", function() { 

var url = "DialogContentPage.aspx"; 
var divId = " #MainContentDiv"; 

var q1 = "?inp1=" + $("#Input1").val(); 
var q2 = "&inp2=" + $("#Input2").val(); 

url = url + q1 + q2 + divId; //url in the form 'DialogContentPage.aspx?inp1=xx&inp2=yy #MainContentDiv' 

$('<div id=DialogDiv>').dialog("destroy"); 

$('<div id=DialogDiv>').dialog({ 
    dialogClass: 'DynamicDialogStyle', 
    modal: true, 
    open: function() { 
     $(this).load(url);   
    }, 
    close: function (e) { 
     $(this).empty(); 
     $(this).dialog('destroy'); 
    }, 
    height: 350, 
    width: 540, 
    title: 'Dynamic Dialog' 

}); 

});

संदर्भ: http://www.codeproject.com/Articles/488312/jQuery-Modal-Dialog-with-Dynamic-Content

Answer 3

/पॉपअप नई विंडो में aspx पृष्ठ खोलने के लिए इस सरल जावास्क्रिप्ट का प्रयास करें

window.open("http://www.google.com/"); 
window.open("~/mypage.aspx"); 

या

ScriptManager.RegisterStartupScript(Page, typeof(Page), "OpenWindow", "window.open('YourPage.aspx?Param=" + ParamX.ToString() + "');",true); 

या यदि आप एक बटन है कि आप इसे के रूप में उपयोग कर सकते हैं नीचे:

Button1.OnClientClick="javascript:window.open('YourPage.aspx?Param=" + ParamX.ToString() + "');"; 

उम्मीद है कि इससे आपको अन्यथा अजाक्स मोडल पॉपअप का उपयोग करने में मदद मिलेगी।

Answer 4

आप jQuery मॉडल संवाद के रूप में इस खोलने के लिए चाहते हैं, this पोस्ट

अन्यथा, आप एक मॉडल संवाद आप में इस पृष्ठ को खोलने के लिए इसे खोलने अप करने के लिए निम्नलिखित कोड का उपयोग कर सकते हैं देखते हैं। यह उदाहरण विंडो का उपयोग करते हैं। ShowModalDialog जावास्क्रिप्ट की विधि। विवरण का उपयोग करने के लिए आप कैसे उपयोग कर सकते हैं here का संदर्भ ले सकते हैं।

 <script> 
     function fnRandom(iModifier) { 
      return parseInt(Math.random() * iModifier); 
     } 

     function fnSetValues() { 
      var oForm = document.getElementById('oForm'); 
      var iHeight = oForm.oHeight.options[oForm.oHeight.selectedIndex].text; 

      if (iHeight.indexOf("Random") > -1) { 
      iHeight = fnRandom(document.body.clientHeight); 
      } 

      var sFeatures = "dialogHeight: " + iHeight + "px;"; 
      return sFeatures; 
     } 

     function fnOpen() { 
      var sFeatures = fnSetValues(); 
      window.showModalDialog("test.aspx", "", sFeatures) 
     } 
     </script>