How to define each TAB's ONCLOSE with different scenario?

[Jonny]

Dear ALL,

Is there any syntax to ADD TAB with their own ONCLOSE behavior ( scenario ) ?
Everytime adding Tab, I create a temporary table in MySQL…
So… when closing TAB, I want to delete that temporary Table
This is my code:
function addTabxxx(title, url, tmptable ){
    if ($('#tablgn').tabs('exists', title))
            { $('#tablgn').tabs('select', title); }
   else {
            var vtemp = tmptable;
            var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;">  </iframe>';
            $('#tablgn').tabs('add',{
                        title:title,
                        content: content,
                        bodyCls:'noscroll',
                        onClose: function(title,index){
                                    $.ajax({url : 'DLGN_KILLTMP.PHP',
                                                type : 'get',
                                                dataType : 'json',
                                                data : { temporary : vtemp },
                                                success : function(respond){ alert('Hello temporary table KILLED'); },
                                                error : function(a,b,c){alert('Error : '+b);}
                                                });       
                                                },
                          closable:true
                          });
            }
}         
This coding did not work… I don’t see any error in my parameter…
Maybe this syntax not acceptable….
If you know the correct Syntax.... Please guide me...
Thank you...

Regards,
JONNY

[stworthy]

When adding a tab panel, attach your 'tmptable' value to the panel options.

Code:

$('#tablgn').tabs('add',{
	title:title,
	closable:true,
	tmptable:tmptable
})

When closing a tab panel, the 'onBeforeClose' event fires, you can retrieve the attached 'tmptable' value on this event and then make an ajax request to your remote server.

Code:

$('#tablgn').tabs({
	onBeforeClose: function(title,index){
		var p = $(this).tabs('getTab', index);
		var tmptable = p.panel('options').tmptable;
	}
})

[Jonny]

Such a perfect solution for my case...
I never imagine easyui-tabs allow user to put any variable ('tmptable') when adding TAB....

I am spending a whole day seeking solution....... solved in a minute by you...
Thank you stworthy...