désactivation du TabPanel d'un TabContainer

Bonjour,

J'aimerais pouvoir désactiver un TabPanel contenu dans le composant AjaxToolkit TabContainer comme le montre l'exemple disponible ici.

Quand on décoche le checbox, le TabPanel "Controls", celui n'est plus sélectionnable.

En utilisant la propriété

Code:

---

Enabled = false;

---

Mon TabPanel disparaît alors que je souhaite le conserver visible à l'écran (grisé et non-sélectionnable).

Salut,

Apparement, la propriété sert simplement à cacher ou pas le panel

Citation:

---

Enabled - Whether to display the Tab for the TabPanel by default. This can be changed on the client.

---

Par contre

Citation:

---

OnClientClick - The name of a javascript function to attach to the client-side click event of the tab.

---

Quand on regarde le code source de la page, la fonction javascript est sur le onclick. A priori, c'est à toi de faire la fonction.

A+

Citation:

---

Envoyé par Immobilis

Salut,

Apparement, la propriété sert simplement à cacher ou pas le panelPar contreQuand on regarde le code source de la page, la fonction javascript est sur le onclick. A priori, c'est à toi de faire la fonction.

A+

---

Merci. J'ai déja essayé de cette façon, mais sans succès non plus.

J'ai essayé de cette façon :

1/ J'appelle ma fonction javascript à partir de mon code C# :

Code:

---

1 2	ClientScript.RegisterStartupScript(this.GetType(), "...", "<script type='text/javascript'>ToggleHidden()</script>");

---

Et dans ma fonction javascript, j'ai ceci :

Code:

---

1 2 3 4 5 6 7 8 9

function ToggleHidden() { /*var test = document.getElementById('TabContainer1_TabPanel1');     test.visibility = "hidden";*/ var test = document.getElementById('TabContainer1'); test._tabs[2]._hide(); /*$find("TabContainer1")._tabs[2]._hide();*/ }

---

A moins que tu utilises le FW4 il n'est pas possible de forcer l'identifiant d'un controle. Ton javascript risque de ne pas trouver l'element en question. Tu devrais appeler ta fonction en faisant

Code:

---

onclick="ToggleHidden(this)"

---

Dans ta fonction fais un

Code:

---

1 2 3

function ToggleHidden() { alert(this.id); }

---

A+

En essayant ta méthode, il n'arrive pas à retrouver mon TabContainer.

Dans ma façon de procéder, ça me renvoie un [object HTMLDivElement]. D'ailleurs, même en essayant le code source de la page, ça ne marche pas :

Code:

---

1 2 3 4

function ToggleHidden(value) { $find('TabContainer1').get_tabs()[2].set_enabled(false); }

---

Et un truc du genre

Code:

---

onclick="ToggleHidden(this)"

---

Code:

---

1 2 3 4

function ToggleHidden(value) { $find(value.id).get_tabs()[2].set_enabled(false); }

---

T'avais raison. Fallait passer par le OnClientClick. J'ai encore quelques soucis de cinématique mais ça devrait aller. Merci encore.

EDIT : Ayant quand même pas mal galéré, je donne mon exemple de code :

Dans le fichier .cs

Code:

---

1 2	TabPanel1.OnClientClick = "maFonctionJavascript";

---

et dans le .js :

Code:

---

1 2 3 4 5 6 7 8 9

function maFonctionJavascript() { // pour celui que l'on veut garder actif $find('nomDuTabContainer').get_tabs()[0].set_enabled(true);   // pour celui que l'on veut désactivé $find('nomDuTabContainer').get_tabs()[1].set_disabled(true); }

---