I have a div that is shown as a Modal dialog.
<div id="div2" style="display: none;" title="Upload Prenda">
<center>
<br />
Select File to Upload:
<asp:FileUpload ID="PrendaFileUpload" runat="server" Width="345px" />
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="PrendaFileUpload"
ErrorMessage="File to be uploaded Required" ValidationGroup="X">*</asp:RequiredFieldValidator><br />
<asp:ValidationSummary ID="ValidationSummary1" runat="server" ShowMessageBox="True"
ShowSummary="False" ValidationGroup="X" />
<br />
<asp:Button ID="uploadButton" runat="server" Text="Upload" OnClick="uploadButton_Click"
Width="100px" />
</center>
</div>
here is the jquery for it
<script type="text/javascript">
$(function() {
$( "#div2" ).dialog({
autoOpen: false,
modal:true,
resizable: false,
height: 200,
width: 600
});
$( "#toggle" ).click(function() {
$( "#div2" ).dialog( "open" );
});
});
</script>
the problem is after i press the button to activate the OnClick="uploadButton_Click"
the method inside does not fire, any fix for this? sorry im just new in using jquery.
Well this is the answer that worked for me, im not using any update panel and this is what i used
adding this to the dialog declaration:
open: function(type,data) {
$(this).parent().appendTo("form");
}
found the answer in here so if you want to know more about click the link beside :)
The newer versions of JQueryUI use a slightly different convention. In your .dialog()
declaration, add this is a parameter:
appendTo: "form",
This fixes the issue for new versions of JQuery, since it builds the dialog box outside the scope of the ASP.NET form. Hope this helps newer users!
This query will fire C# code from JQuery. I tested it:
$(this).parent().appendTo($("form:first"));
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With