Re: Pertinent comments on several modal popup posts on here.

BGriffin_TPA — Thu, 17 Apr 2008 19:18:09 GMT

Looks like I found it in a form that I could make sense of :

http://msdn2.microsoft.com/en-us/magazine/cc164247.aspx

This subject matter is so arcane for someone coming from a winforms

environment, with panels inside of panels and fake controls all to

get a popup box with the behavior you want. if I can help anybody else

having these kinda problems, the least I can do is assist.

As for the link, you wont be able to match his objectdatasource, but

ignore that, just delete it. The entire idea of popup navigation is there

in a "page behind" not just "single page" model, also a source of

challenge for winforms people. Please disregard 1st post.

Regards..

Pertinent comments on several modal popup posts on here.

BGriffin_TPA — Thu, 17 Apr 2008 17:04:30 GMT

Here is the most recent:

http://forums.asp.net/t/1249093.aspx

This is an excerpt of a response to this artice:

http://mattberseth.com/blog/2007/07/confirm_gridview_deletes_with.html

It was good, but every article on this subject has been simplistic of the
real world of windows (& now web) development I've been doing for many
years. I've spent weeks of my time experimenting to find the full range of
capabilities of AJAX modal popups and what I've found:

Ex 1 : Extender-->button-->Panel

(1) The Atlas modal popup works fine when invoked from a click event on a button.
No postback.

(2) When invoked from any other control (than the 1 the extender is tied to )
by using .Show ??..it doesn't work (causes a postback)..invariably.

This happens when the code behind for an event requires conditional invocation:

Grid_SelectedIndexChanged()
     If somecondition then
           (do stuff)
     else
           extender.Show
     endif
end sub

Doesn't matter if the "other" control is a postback(asp) or callback(anthem)...
.Show doesn't work (causes a postback, or nothing )..try it..
markup and codebehind are attached.

If I tie a separate extender to each control that needs to invoke that popup,
(I did that) in order to get it to "fire"..it does..unconditionally.. wheather I
wanted it to or not..see the IF statement.

If a callback(anthem) control is tied to the extender as example 1 above..
it also works..demonstrating that the extender supports callbacks, just not its
own .Show method..the line executes, break points show that, but returns neither
error or a successful rendering.

I'd like to see an article on a real world example where some set of the methods
of the extender are demonstrated like the example above, in a real context that
developers would be needing them. My search was for an if statement in the
Grid_SelectedIndexChanged() event that would do a .Show (or not) based on some
criteria. If I have to go to the pre render event and if statement there, its not best, but
acceptable..but..how would you abort the render at that point?

1) where does .Show work w/o a postback?
2) can any control not tied to the extender cause a render to happen (w/o a postback)?
3) I have an example where the popup happens and I close it, but when I click the button again...nothing.

Here is the actual source from the browser:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<div id="MsgBoxBuyIt" class="blackborder" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'cmdCancelBuy')" style="color:Yellow;background-color:WhiteSmoke;border-color:Black;border-width:1px;border-style:Solid;height:80px;width:344px;background: gainsboro; display:none; left: 232px; position: absolute; top: 320px; z-index: 132; text-align: center;">

            <input type="submit" name="cmdCancelBuy" value="" id="cmdCancelBuy" style="height:22px;width:134px;left: 192px; position: absolute; top: 32px" />
            <input type="submit" name="cmdBuy" value="" onclick="();" id="cmdBuy" style="height:22px;width:134px;left: 16px;position: absolute; top: 32px" />

</div>
           
        <a id="ASPLink" href="javascript:__doPostBack('ASPLink','')" style="display:inline-block;width:176px;left: 32px; position: absolute; top: 200px">ASP-uses show-Causes PB</a>
       <input type="submit" name="Anthem" value="Anthem-tied to extender2-No PB" id="Anthem" style="width:208px;left: 32px; position: absolute; top: 224px" />
        <input type="submit" name="Button1" value="ASP-tied to extender1-No PB" id="Button1" style="left: 32px; position: absolute; top: 168px" />


<div>

and here is the code behind:

Imports System.Web
Imports System.Web.UI
Imports System.Web.UI.WebControls

Partial Class _Default
Inherits System.Web.UI.Page

Protected Sub ASPLink_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles ASPLink.Click
ModalPopupExtender1.Show()

End Sub

Protected Sub cmdBuy_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles cmdBuy.Click

End Sub

Protected Sub cmdCancelBuy_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles cmdCancelBuy.Click

End Sub

    Protected Sub MsgBoxBuyIt_PreRender(ByVal sender As Object, ByVal e As System.EventArgs) Handles MsgBoxBuyIt.PreRender
        Dim x As String
    End Sub

End Class

ASP.NET AJAX Control Toolkit

Re: Pertinent comments on several modal popup posts on here.

Pertinent comments on several modal popup posts on here.