Contenu d'un onglet dynamique
Bonsoir à la communauté,
je suis un novice en JQUERY UI et je n'arrive pas à gérer le contenu d'un onglet (jqxtabs) crée dynamiquement.
Je vous explique mon problème.
J'ai crée un menu horizontal avec jqxMenu. Le menu contient plusieurs items et sous items.
Lorsque je clique sur un item, je crée un onglet dynamiquement (avec l'objet jqxtabs).
j'arrive à crée autant d'onglet que possible.
Mon soucis est que je veux utiliser le contenu d' une page(qui contient éventuellement d'autres objets comme un tableau) l'afficher comme contenu de mon onglet (un peu comme les inclusions en PHP)
voici le code lorsque je clique sur un item.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
| $("#jqxMenu").on('itemclick', function (event) {
var tabLength = $('#tabswidget').jqxTabs('length'); //nombre d'onglet de l'objet jqxTabs
var tabNum; //indice des onglets
var tabName; //titre des onglets
var menuID=event.args.id; //indice (id) du menu
var ifFind=false; //si l'onglet n'a pas encore ete lancer
var tabSelindex; //indice de l'onglet selectionne
/*Initialisation des noms des onglets*/
if(menuID==10){
tabName="Fichier";
}else if(menuID==20){
tabName="Edition";
}
if(tabLength<10){
for( tabNum=0; tabNum < tabLength; tabNum++){
var text = $('#tabswidget').jqxTabs('getTitleAt', tabNum);
if(tabName==text){
ifFind=true;
tabSelindex=tabNum;
}
} //cette boucle me permet de voir si l'onglet est déjà lancé
if (ifFind){ //je teste si l'onglet est déjà lancé je le selectionne si non je le créer
$('#tabswidget').jqxTabs({ selectedItem: tabSelindex })
}else{
$('#tabswidget').jqxTabs('addLast',tabName,''); //le troisieme parametre est sencer être le contenu(moi je veux que ce soit une page
$("#tabswidget").jqxTabs({ selectionTracker:true,showCloseButtons:true , reorder:true, height: '100%', width: '100%'});
}
}
}); |
D'avance merci!
