Method to close Tab in Tabbed UI

[-Jinx-]

Hi all,

I've found the methods here on the forum to close the CURRENT UI tab:
{dialog.object}.closeCurrentTabbedUIPane()
{grid.object}.closeCurrentTabbedUIPane()

But in my case these will close the current tab you are on no matter which one initiated the command.

I'm trying to set a timeout that closes a tab after so many minutes. If you set it with the above methods, a person can be on a different tab and it will close that one instead of the one I'm targeting.

Right now I have a grid component with a button to open a drawing. I was able to get this to work if I have it open a window and add this code to the windows onShow event:

 timer=setTimeout("closeLastOpenedA5Window()",3000)

(set to three seconds for testing purposes.)

Unfortunately, there is no OnShow event for opening in a new tab of a tabbed UI. Also, it's a new tab and not an a5 window.

So, to put it simply, I want a user who has this grid component opened in the tabbed UI to be able to click on a "show drawing" button in the grid component which opens the PDF in a new UI tab. I want this particular tab to close itself after a set time.

Thanks

[agillbb]

Re: Method to close Tab in Tabbed UI

The TabbedUI button has an onInitial Tab Pane event that you could add your timer code to.

Maybe then add code like this :

setTimeout(function() {
var myIdx = tbiObj._tbObj._curTabIndx;
var myID = tbiObj._tbObj._panes[myIdx]._id;
tbiObj._tbObj.remove(myID);
}, 3000);


I haven't tested this .... but it should get you started at least....

[-Jinx-]

Re: Method to close Tab in Tabbed UI

Hi Andy,
First, thanks for your help so far!

I see what you are talking about. Under the individual tabbed UI Button for my grid component there is a section called "Tab Pane Javascript" which has an OnInitial event. However if I put it in the onInitial, It will close down that tab right? That tab is the one that holds my grid component and I don't want it closed. I want to close the additional tabs that are created by the grid component. I have buttons in the grid component that create a new tab in any tabbed UI that holds the grid component. What I need to do is control "children" of the tab in question.

Actually, maybe the code you have in your example takes care of that problem by figuring out the tab's individual id? Would you be able to explain it line by line for me and explain what information it is getting? In my case, the names of the new tabs are set by the grid component to a value in the database for the current record. So, if the record you click on in the grid component has a draing number of 2013-GU, that will be the name of the tab.

Sorry, I'm not even to the level of a script kiddie when it comes to javascript. I may have been up to script kiddie level with php a few years back. I'm a Mfg. Eng. so what I'm really good at is CNC Gcode, Fanuc Macro b (parametric CNC programming), and robot programming.....not so much on the computer programming.

[agillbb]

Re: Method to close Tab in Tabbed UI

setTimeout(function() {

var myIdx = tbiObj._tbObj._curTabIndx; //get the current tab index
alert(myIdx); // show value

var myID = tbiObj._tbObj._panes[myIdx]._id;
alert(myID); // show value

tbiObj._tbObj.remove(myID); //remove the entire tab

}, 3000);

setTimeout - this tells the browser not to run the function within for xx milliseconds (3000 = 3s)


I think you will need to learn basic javascript if you want to build useful web systems. Otherwise, you can only settle for what the standard A5 components offer out of the box.

[-Jinx-]

Re: Method to close Tab in Tabbed UI

setTimeout(function() {

var myIdx = tbiObj._tbObj._curTabIndx; //get the current tab index
alert(myIdx); // show value

var myID = tbiObj._tbObj._panes[myIdx]._id;
alert(myID); // show value

tbiObj._tbObj.remove(myID); //remove the entire tab

}, 3000);

setTimeout - this tells the browser not to run the function within for xx milliseconds (3000 = 3s)


I think you will need to learn basic javascript if you want to build useful web systems. Otherwise, you can only settle for what the standard A5 components offer out of the box.

Thanks,
Yeah, I realize I'll need to learn some java to do special stuff like this. That's why I'm not complaining. Unlike my other issue with dropdown boxes, this SHOULD call for custom code.

Regarding your example code. Won't I have to pass a variable from the grid so it knows which tab I want to close? That being said, Here's what I am trying to do currently in som OnClick inline javascript in the grid button (which isn't working):

paneid = {grid.object}.getValue('G','A5FN_NUMBER',grid.rowNumber);
timer=setTimeout("tbiObj.selectPane('paneid')",3000);

Maybe I can pass "paneid" to the tabbed ui somehow and have it close that particular pane instead of trying to set the timer in the grid button.....?

[agillbb]

Re: Method to close Tab in Tabbed UI

In your code, you are setting a field value (A5FN_NUMBER - whatever this data is) to a variable.
But surely this value does not represent a valid TabbedUI Pane ID? A pane id is usually assigned by A5.

[-Jinx-]

Re: Method to close Tab in Tabbed UI

In your code, you are setting a field value (A5FN_NUMBER - whatever this data is) to a variable.
But surely this value does not represent a valid TabbedUI Pane ID? A pane id is usually assigned by A5.

(
There's an option (target properties in the Action Javascript) to set the name of the pane to one of your field in the settings. When my grid component creates a new tab the name on the tab is the name of the drawing (A5FN_NUMBER). I guess I don't know for sure that the TabbedUI Pane ID is set to this as well, I guess I just assumed because it made sense.