Inserting and deleting with the AJAX UpdatePanelPopupExtender

This is old code. Consider using these methods instead:

Ajax control toolkit Modal Popup
iQuery Dialog

----



The UpdatePanelPopup Extender has been updated to use the ASP.net Ajax RTM version. I have also added an example that shows how to add/delete a record using the popup. Like before, we have a GridView and DetailsView setup using the standard Master/Details way. The only difference being that the DetailsView is "floating" and positioned at a location (top left icon) defined using the custom extender. 

UpdatePanelPopupExtender4

Download the latest version here. (look under Flan AJAX Controls)
Mirror

02/17/2007 New version released

27 Comments

  • Hi,

    UpdatePanelPopupExtender and UpdateProgressOverlayExtender are Great controls !

    In all the way, This is the best Master/detail engine I've ever seen and I've ever used ! Thanks a lot !!!

    Greetz.

  • Nice example!  
    Is it possible to further extend this in the following way?  
    Suppose each shipper ships certain products.  Could we interweave the products between the corresponding shipper rows to create a "tree-like" effect?  Of course, the products would be able to be hidden/expanded with a button.  

  • Hi, The wonderful control, easy to use and best performing. I just want to know that is it possible to made it so that it behaves like a model dialog. means it just not close itself when clicked out side but closed only on close button click or manually closing.

  • I downloaded your controls and tried them out, very impressive, but when I tried to use them in my own project I cant get them to work, is there any chance that you could provide a video or other type of tutorial to demo on how to set your controls up. Thanks in advance, keep up the good work.

  • Hi,
     I am having the same problem as "Stuart" posted !! I have seen that in your code (05_Master_Details_with_Edit.aspx), you accessed the GridView Key using a ControlParameter in the SQLDataSource2. I have tried to get to this value in the GridView1_RowCommand by using ** string temp = GridView1.SelectedDataKey.Values["CustomerId"].ToString( ); ** But I get an error saying that Object Instance not set to an object.. Can you please check it out and help us figure out a way to get the DataKey value?
    Thanks
    -Srinath

  • FIGURED IT OUT... Change all the fields in the GridView to Template fields and for the ImageButton1 template field, set the commandArgument to the key you want to pass to the Details View through a Session..
    -Srinath

  • Try adding the DataKeyNames property to your GridView...so like CustomerID....then in the DetailsView you should be able to associate the GridView....that worked for me when I was trying to use an ObjectDataSource instead of the SQLDataSource for the DetailsView.
    Ryan

  • Can we have **2** UpdatePanelPopupExtenders?
    if so, can I put the following in the Page_load event?
    UpdatePanelPopupExtender.RegisterCloseControl( divClose, UpdatePanel2 );
    UpdatePanelPopupExtender.RegisterCloseControl( divClose, UpdatePanle3 );

  • Srinath,

    You can have as many UPPEs on a page as you want but you cannot register a control to close more than one UpdatePanel.

  •  How can I promattically close the extender? I have a scenario where after selecting an "Add to Cart" button on the formview, I am supposed to close it only if I successfully added the part to the cart!!
    Thanks
    -Srinath

  • When i insert the UpdatePanelPopupExtender in my project i have problem with the background color of the Callout.

    It seem to have a white background and not transparent so it seems a square rather than a transparent gradient triangle.

    Hoe can i resolve this issue?



  • Daniele,

    What browser are you using?

    Use the email link on the page to contact me.

  • Iam unable to get to this code, it just takes me to the same place and the example does not have gridview..

  • I am unable to download the code too. Takes me to a page where I cannot this example. Could you please fix the link to download code?

  • Great control...nice work

    Is it possible to bind/assign 2 or multiple UPE's to a single Gridview??? If yes, any example/help wud be highly appreciated...

    Thanks in advance...

    HJ

  • Raj, how can I get the control to popup on mouse over?

    Thanks
    -Srinath

  • Like Srinath, I to would like to know how to open the popup onMouseOver

    Thanks...

  • Hi,

    Fantastic control, Thanks.

    However, I'm having an issue where a postback causes outside of the update panel makes the popup update panel to become visible. To reproduce:

    1. Open _04_Master_Details.aspx
    2. Add an asp button to the bottom of the page .
    3. Load the page, make the details visible and then hide them.
    4. Push the button, a postback occurs and div close div popsup (little cross). The details view is not visible because it is set to hidden in the close event.

    Any idea on stopping this?

    I'm using VS 2008.

    Thanks,

    Stuart

  • Hi Raj Kaimal,
    Fantastic article ! Thanks.
    I'm using the latest version of Microsoft AJAX Library 3.5 as well as AjaxControlToolkit.
    The first time I run the project for this article it run ok, but now I'm getting error System.Web.Preview missing reference. I could not find this assembly in my computer.
    It happened after I restarted my computer.
    Should I install something else, like ASP.NET 2.0 AJAX Futures November CTP  ?
    Can you help ?

  • Fixed my issue with this code:

    private void OnClose()
    {
    if (Close != null)
    {
    this.UpdatePanelVisible=false;
    Close(this, EventArgs.Empty);
    }
    }

  • How can change the popup show at center of page??

  • Nice, only draw back is that popup is not possible to adjust to screen, when using gridview over hole screen. So a possibility to adjust or drag popup would make the UpdatePanelPopupExtender perfect.

  • Dear rajbk,
    I saw your article today and i am really intrested to the source so i can learn from you. In your download link, i cannot find this source. Is there  a possibility that i can download it from you.
    Hope to hear from you.
    Many thanx
    Talsja

  • Is there a way to popup the control with JS?

  • Hi, I tested your control... is absolutely great!!
    However, I experienced a problem when setting the "html {overflow: auto}" style rule. Actually, when I select an item in the GridView for the first time, the popup is shown in an incorrect position...

    P.S. sorry for my english :)

  • Nice and exciting control and want to use it in my system. But facing issue with how to control the position of display. Though u hv OffSetX and OffSetY but what is i want to a position it for all rows of information in the same postion. Other than that is there a way to override the css.

    madhumenong@hotmail.com

  • I am using style for element to pad it from all side 2px 12px 2px 12px
    This interferes with the call out style and its not getting displayed correctly.

    Is there a way to specify any css class which can supersede the default td style of the application for the call out banner.

Comments have been disabled for this content.