jQuery UI संवाद (मॉडल), किसी भी पोस्टबैक को रोकता है

Question

मैं jQuery UI संवाद में एएसपी.NET सबमिट बटन पोस्टबैक कैसे कर सकता हूं?

असल में मैं यूआई संवाद संवाद का उपयोग कर रहा हूं जैसे हमने अजाक्स नियंत्रण टूलकिट के मोडल के साथ किया है, ग्रिडव्यू नियंत्रण में संग्रहीत डेटा के मानों को अपडेट करने के लिए। मैं हर चीज करने में सक्षम हूं, लेकिन मैं यूआई मोडल के साथ एक पोस्टबैक ट्रिगर नहीं कर सकता। मैं jQuery और उसके यूआई के लिए थोड़ा नया हूं, इसलिए इसके लिए एक अच्छा समाधान नहीं मिल रहा है।

अजाक्स टूलकिट के मोडल के लिए हम एक ट्रिगर प्रॉपर्टी सेट करते थे ताकि जब कोई सबमिट बटन पर क्लिक करता है तो पोस्टबैक सक्षम करने के लिए, लेकिन यहां यह असंभव है।

//------------Modal first---------------- 
<div id="editEventModal" title="Edit Event Details" style="display:none"> 
//-------Here are my controls with asp.net validators 
<asp:Button ID="btnEditEvent" runat="server" Text="Save" ValidationGroup="EditEvent" /> 
</div> 

//--------- JavaScript/jQuery method for calling popup 
function invokeEditPopup(){ 
    $("#editEventModal").dialog({ 
     width: 700, 
     modal: true 
    }); 
} 
//-- Please not that I have not used UI_Dialog's predefined `OK`, `Cancel` buttons as I need to validate my form with asp.net validators on submit button's `click` event. 

gridview मैं जावास्क्रिप्ट घटना invokeEditPopup() बटन (जो संवाद पॉपअप करने के लिए इस्तेमाल किया जाएगा) को शामिल किया है में, GridView_DataBound घटना में: के बाद मेरी कोड है।

मैं पोस्टबैक बनाने के लिए संवाद के btnEditEvent कैसे बना सकता हूं, ताकि सर्वर पर आवश्यक प्रक्रिया को पूरा किया जा सके।

----------------------- अधिक जानकारी के लिए ------------------ I jQuery UI Dialog with ASP.NET button postback से विचारों का उपयोग करने का प्रयास किया।

और बस जावास्क्रिप्ट में मेरे संवाद को परिभाषित करने पर क्लिक करके मेरे (के पाठ्यक्रम अलग से) उपयोग करने की कोशिश:

$("#editEventModal").parent().appendTo($("form")); 

//--------And--------------- 
$(".ui-dialog").parent().appendTo($("form")); 

//--------And--------------- 
$("#editEventModal").parent().prependTo($("form")); 

//--------And--------------- 
$(".ui-dialog").parent().prependTo($("form")); 

लेकिन इसे सही ढंग से काम नहीं किया।

Answer 1

अंत में, मुझे जवाब मिला: स्टैक ओवरफ़्लो प्रश्न An ASP.NET button click event is not firing। PirateKitten के लिए धन्यवाद।

मुझे बस इतना करना था कि जावास्क्रिप्ट में मेरे संवाद निर्माण के ठीक नीचे निम्नलिखित जोड़ना था, और यह आकर्षण की तरह काम करता था।

$("#editEventModal").parent().appendTo(jQuery("form:first")); 

Answer 2

आप यह सुनिश्चित करने के लिए एक सीएसएस संशोधन भी जोड़ सकते हैं कि संवाद ओवरले div के पीछे नहीं रहेगा।

$("#editEventModal").parent().appendTo(jQuery("form:first")).css({"z-index":"101"});