Discussion :

[Ishizaki]

Bonjour tout le monde, j'ai un petit soucis avec un TabContainer.

Mon TabContainer se trouve dans un ascx.

Dans ce même ascx, j'ai défini une fonction javascript d'affichage d'un TabPanel du TabContainer :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<script type="text/javascript">
//Montrer le TabPanel
function ShowTabPanel() {
 
    var tabContainer = $find('<%=TabContainerTest.ClientID %>');
 
    if (tabContainer != null) {
 
        tabContainer.set_activeTabIndex(1);
        tabContainer.get_activeTabIndex().set_Enabled(true);
    }
}
 
</script>
 
<!--Ici mon TabContainer -->
<ajx:TabContainer runat="server" ID="TabContainerTest">
 etc...

Dans l'aspx qui contient mon ascx, j'ai un bouton "Enregistrer" qui permet de lancer un RegisterStartUpScript et de lancer ma fonction JS "ShowTabPanel":

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
 
System.Web.UI.ScriptManager.RegisterStartupScript(this, typeof(Page), "TestTabPanel", "ShowTabPanel();, true);

Je passe bien dans ma fonction JS au clic sur le bouton, mais le souci est que quand je fais un $find du clientId de mon TabContainer, je récupère un null... J'ai comparé les 2 ClientId, de ma fonction, et de la page aspx (avec le debug de script dans VS), ce sont les mêmes.

J'ai essayé avec un document.getElementById(), je récupère bien l'objet, mais du coup, normal vous me direz, je ne peux pas accéder aux fonctions de l'objet TabContainer.

Et donc là je suis un peu perdu, je vous remercie de votre aide .

[lutecefalco]

Utilises $get et non $find

[Ishizaki]

J'ai utilisé $get et ce coup-ci je récupère bien l'objet, mais j'ai la même erreur que lorque je fais un document.getElementById: Cet objet ne gère pas cette propriété ou cette méthode.

[lutecefalco]

Bon j'ai rien dit, c'est bien $find qu'il faut utiliser.

Ce code marche chez moi

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<script language="javascript" type="text/javascript">
    function Test()
    {
        var obj = $find('<%= TabContainer1.ClientID %>');
        alert(obj.get_activeTabIndex());
    }
</script>

[Ishizaki]

arf....

Dans l'event Click de mon bouton, si je remplis une certaine condition, je rentre dans le Register du script et je fais un return après :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
if(condition == true)
{
System.Web.UI.ScriptManager.RegisterStartupScript(this, typeof(Page), "TestTabPanel", "ShowTabPanel();", true);
 
return;
}

Ca m'évite ainsi de poursuivre les procédures suivantes (qui sont des procédures d'enregistrement).

Enfin, je ne pense pas que ça joue puisqu'avec un $get ou un document.getElementById je retrouve bien l'instance HTML.

[Ishizaki]

Ouais non, le return n'a rien à voir là dedans...

Je comprends pas ! c'est pas possible, pourquoi ça fonctionnerais bien chez toi... j'arrive pas à voir pourquoi....