I have several tab panels on a tab control. I need a way to tell the user they have unsaved data and ask if they sure they want to go to the next tab?

I have no problem getting a popup box to show when the user clicks from one tab to another tab if data has changed., letting the user know they have unsaved data. What I have not been able to figure out is how to keep the user on the same tab if they decide they want to stay on the same tab and save the data.

 Does anyone have a code example on how to do this?

 Thanks in advance,

 Charlisa

Well, I see that TabContainer doesn't have such feature, it raises event after the active tab is actually changed, and unfortunately  there isn't event like activeTabInedxChanged that assumed to fire before changing with ability to cancel action.

But, fortunately  Ajax Control Toollkit js-control behaviors is quite well organized and designed (I really like they idea with js-class hierarchy like the .net controls), so that you have opportunity to inherit  from AjaxControlToolkit.TabContainer js-class and extend it with such an event.

I'm hoping not to have to re-invent the wheel. I'm guessing someone out there has already has this working.

Hi Charlisa,

Have you sort out this problem?

Or anybody know the answer? 

I would like to resurrect this as I have the same issue.  Anyone have a solution to this?  Why not put this functionality into the control????

Scott