Inserting and deleting with the AJAX UpdatePanelPopupExtender - Raj Kaimal

Inserting and deleting with the AJAX UpdatePanelPopupExtender

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

Published Wednesday, January 24, 2007 12:27 AM by rajbk
Filed under: ,

Comments

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

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.

Wednesday, January 31, 2007 11:40 AM by Anksunamon

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

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.  

Thursday, February 08, 2007 8:30 PM by good example

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

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.

Friday, February 09, 2007 2:37 AM by Asif Raza

# A little help...

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.

Thursday, February 15, 2007 4:53 AM by Marky

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

I am very interested in making use of your controls. I am having a problem when I am attempting to make a master-details page with a gridview/detailview combination. When I attempt to associate the key in the detail view with one of the fields in the grid view I am not able to "find" the gridview in the detailview wizard (the way that you do in your examples). What do I need to do to make the gridview visible to the detailview? Any information you can provide will be appreciated. Thank you.

Monday, March 05, 2007 5:25 PM by stuart testod

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

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

Tuesday, March 06, 2007 10:15 AM by Srinath Nanduri

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

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

Tuesday, March 06, 2007 5:06 PM by Srinath Nanduri

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

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

Thursday, March 08, 2007 6:04 PM by Ryan Smith

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

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 );

Thursday, March 15, 2007 2:53 PM by Srinath Nanduri

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

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.

Thursday, March 15, 2007 4:28 PM by rajbk

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

 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

Thursday, April 12, 2007 4:51 PM by Srinath Nanduri

# I had a problem with callout of UpdatePanelPopupExtender !

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?

Thursday, May 03, 2007 6:58 AM by Daniele

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

Daniele,

What browser are you using?

Use the email link on the page to contact me.

Saturday, May 05, 2007 8:09 PM by rajbk

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

Great Control, but I'm struggling to get it to close from code. The divClose works fine, but if I try and use an ImageButton to get it to close (as well as firing a database update) I get a error (WebContol does not implement IAttributeAccessor). Any tips would be welcome.

Also, if I use the calendarextender in the update panel it loses the proper formatting, even with the stylesheet fixes (Z-index:1000).

Ta

Mike

Wednesday, May 16, 2007 3:22 PM by Mike

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

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

Wednesday, August 08, 2007 12:34 PM by Chitti

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

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?

Friday, September 14, 2007 6:11 PM by tsr

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

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

Saturday, September 15, 2007 12:35 PM by hjain

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

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

Thanks

-Srinath

Thursday, November 22, 2007 2:20 PM by Srinath

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

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

Thanks...

Sunday, December 02, 2007 1:27 PM by David

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

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

Tuesday, January 15, 2008 10:49 AM by Stuart J T

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

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 ?

Tuesday, January 29, 2008 7:49 AM by Leonardo

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

Fixed my issue with this code:

private void OnClose()

{

   if (Close != null)

   {

       this.UpdatePanelVisible=false;

       Close(this, EventArgs.Empty);

   }

}

Tuesday, February 19, 2008 9:18 AM by Stuart J T

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

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

Thursday, March 27, 2008 5:36 AM by A

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

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.

Wednesday, April 02, 2008 10:46 AM by Janne

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

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

Thursday, May 22, 2008 8:10 AM by talsja

# re: Inserting and deleting with the AJAX UpdatePanelPopupExtender

Is there a way to popup the control with JS?

Tuesday, June 24, 2008 12:33 PM by Travis

Leave a Comment

(required) 
(required) 
(optional)
(required)