Skip to main content

Search and Top Navigation

#7249 closed bug (notabug)

Opened April 14, 2011 12:39PM UTC

Closed April 14, 2011 12:40PM UTC

Last modified April 14, 2011 01:00PM UTC

Dialog not work with update panel

Reported by: Chili82 Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.dialog Version: 1.8.11
Keywords: Cc:
Blocked by: Blocking:
Description

Dialog not work with update panel,

Attachments (0)
Change History (3)

Changed April 14, 2011 12:40PM UTC by scottgonzalez comment:1

resolution: → invalid
status: newclosed

Please provide an actual description of the problem, along with a reduced test case.

Changed April 14, 2011 12:46PM UTC by Chili82 comment:2

When the dialog inside the update panel then the component does not behave as expected. If you do the update postback panel dialog loses reference and does not call it the right way, following the script does not react:

etc.

<script>

$(function() {

a workaround for a flaw in the demo system (http:dev.jqueryui.com/ticket/4375), ignore!

$( "#dialog:ui-dialog" ).dialog( "destroy" );

$( "#dialog-modal" ).dialog({

height: 140,

modal: true

});

});

</script>

</head>

<body>

<asp:UpdatePanel runat="server" oninit="Unnamed1_Init" >

<ContentTemplate>

<div class="demo">

<div id="dialog-modal" title="Basic modal dialog">

<p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>

</div>

<!-- Sample page content to illustrate the layering of the dialog -->

<div class="hiddenInViewSource" style="padding:20px;">

<p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>

<form>

<input value="text input" /><br />

<input type="checkbox" />checkbox<br />

<input type="radio" />radio<br />

<select>

<option>select</option>

</select><br /><br />

<textarea>textarea</textarea><br />

</form>

</div><!-- End sample page content -->

</div>

</ContentTemplate>

</UpdatePanel>

</body>

Changed April 14, 2011 01:00PM UTC by scottgonzalez comment:3

Please provide a page that runs purely on the client. If you need help using Dialogs with ASP, use the forums.