Just to let You know:
I have a two storey system of tabs inside a SPA, where the low level tabs reside inside the pages of the high level SuperTab.
This allows me to load .html and .js (self executing) files and string ressources dynamically not regarding the help files.
It was a design matter NOT to allow the subPages to be closed by closeButtons of the tab – the pages offer reset
and close buttons themselves depending from the screens purpose.
But: after loading the .html and .js through $(#???=.get() and inserting them into a page the close Buttons reappeared – I repaired it with .hideAllCloseButtons(), but I think this somehow has to be fixed.
function loadPage(url, url2,tabname, pagename) {
// load html
$.get(url, function (data) {
var theTab = $('#'+tabname);
var length = theTab.jqxTabs('length');
var thePage = -1;
for (var i = 0;i < length;i++) {
if (pagename === theTab.jqxTabs('getTitleAt', i)) {
thePage = i; }
}
//theTab.jqxTabs('hideAllCloseButtons');
theTab.jqxTabs('focus');
if (thePage < 0) {/** does not exist **/
theTab.jqxTabs('addLast', pagename, data);
theTab.jqxTabs('select', length);
theTab.jqxTabs('ensureVisible', length);
} else {
theTab.jqxTabs('setContentAt', thePage, data);
theTab.jqxTabs('select', thePage);
theTab.jqxTabs('ensureVisible', thePage);
}
theTab.jqxTabs('hideAllCloseButtons'); // not enough
// load .js
$.get(url2, function (data2) {theTab.jqxTabs('hideAllCloseButtons');});
// this finally helped
});
/** //},'script'); //},'html'); **/
}
