javascript dans un Usercontrol ?

**soulay** · 08/04/2008, 14h26

Bonjour,

j'ai un usercontrol nomé : ClientFavoris.ascx , qui contient un treeview avec des checkbox a l'interieur, cet usercontrol est utilisé ds une page d'accueil nomée : accueil.aspx .

ce ke je veux faire c'est de controler ce treeview avec de javascript , par exemple si je couche un noeud pere ==> tous les noeuds fils doivent etre couchés et vis versa...!!

je ne sait pas ou exactement il faut declarer ma fonction javascript et comment attribuer cette fonction a mon treeview ??

et merci pour votre aide

cordialement

**tomlev** · 08/04/2008, 14h41

Il me semble que le treeview est complètement géré côté serveur, donc si un noeud est replié, ses noeuds enfants ne sont même pas présents dans la page envoyée au client. Donc tu ne peux pas les manipuler côté client en javascript...

**soulay** · 08/04/2008, 14h53

merci pour cette precision, par contre moi j'utilise un treeeview avec la propriété : ShowCheckBox="True" voila ce ke j'utilise exactement :

noeud pere:
<asp:TreeNode Checked="True" ShowCheckBox="True" Text="clients" Value="client">

noeud fils :
<asp:TreeNode Checked="True" ShowCheckBox="True" Text="Adresse" Value="Client_Mail"></asp:TreeNode>

</asp:TreeView>

dc chaque est considéré comme un checkbox a la fois, et on peut coucher et decoucher les noeuds sans les repliers !!!

moi je ne veux pas les repliers , ce que je veux c'est de les laisser ouvert , et jouer ke sur les checkbox !!

est ce ke ts ca est possible ??
et merci encore

**tomlev** · 08/04/2008, 14h58

Ah ok, j'avais pas compris ce que tu voulais dire par "coucher"... le mot correct est "cocher"
Mais bon, je suis pas sûr que tu puisses le faire en javascript (ou en tous cas pas facilement), parce que tu ne connais pas l'identifiant de la checkbox générée...

**soulay** · 08/04/2008, 15h09

looool, dslé pr l'erreur

il existe un evenement TreeNodeCheckChanged associé au Treeview, mais je ne sait pas est ce ke c'est possible d'associer cet evenement à une fonction javascript coté client !!!

**tomlev** · 08/04/2008, 15h10

Envoyé par soulay

looool, dslé pr l'erreur

il existe un evenement TreeNodeCheckChanged associé au Treeview, mais je ne sait pas est ce ke c'est possible d'associer cet evenement à une fonction javascript coté client !!!

Non, c'est un évènement serveur, non visible par javascript

**soulay** · 08/04/2008, 15h21

à votre avis la meilleure solution c'est de le gerer coté serveur alors !!

et si c'est le cas , je vais utiliser la meme methode citée ?

**tomlev** · 08/04/2008, 15h34

oui

**Ditch** · 08/04/2008, 20h22

ASP.NET AJAX (avec un UpdateControl) pourrait t'aider à résoudre ton problème. Y as-tu déjà jeté un oeil?

CUCARACHA · 09/04/2008, 09h03

Salut,

Tout contrôle affiché côté client peut être géré en javascript. Le tout est d'être capable de connaître son clientId.

Pour se faire tu peux créer un javascript du style :

checkSon(currentNodeId) {
var oFatherNode = window.document.getElementById(currentNodeId);
//rechercher tous les fils dans la collection des nodes dont le père est currentNode (là il faut un peu maîtriser le DOM quand même)
//Pour chcune d'elle, cocher la case
window.document.form1.submit(); //Vérifier le nom du formulaire
}

ensuite, lorsque tu initialises les branches de l'abre (côté serveur) il faut ajouter, pour chaque node, onClientClic="return checkSon('" + currentNode.clientId + "');

++

Laurent

P.S. Utilises la IE7 Developper Toolbar pour inspecter les ID de ton arbre, ça te facilitera la tâche.

**soulay** · 09/04/2008, 09h52

salut,

merci pour ton aide , je vais essayer tous ca et je te dirai ce ke ca va donner!!

cordialement

**soulay** · 09/04/2008, 11h42

j'ai essayer de fonctionner ton script, mais j'arrive tjrs pas à reussir à ajouter, pour chaque node, onClientClic="return checkSon('" + currentNode.clientId + "');

je ne sait pas exactement ou il faut les rajouter dans mon UserControl ??

et merci encore pour votre aide

CUCARACHA · 09/04/2008, 12h04

Salut,

Merci de m'indiquer la version de Visual Studio et du framework que tu utilises.

++

Laurent

**soulay** · 09/04/2008, 12h13

j'utilise visual studio 2005 et le framework 2.0 et je suis entrain de realiser un moduke de reporting en (ASP.NET,C#)

et merci

**soulay** · 11/04/2008, 11h12

bonjour,

j'attend tjrs une reponse a mon probleme, disant que pour le moment je fait autres choses , mais je ss tjrs interessé de savoir comment gerer des checkbox ds un treeview avec de javascript.

et merci a tous !!

**N.Anis** · 11/04/2008, 14h34

Bonjour,

voici la soution a ton problème : copier coller le code JavaScripte

Code Javascript :

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
function client_OnTreeNodeChecked()
    {
        var obj = window.event.srcElement;
        var treeNodeFound = false;
        var checkedState;        
        if (obj.tagName == "INPUT" && obj.type == "checkbox") {
        var treeNode = obj;
        checkedState = treeNode.checked;
        do
        {
            obj = obj.parentElement;
        } while (obj.tagName != "TABLE")
            var parentTreeLevel = obj.rows[0].cells.length;
            var parentTreeNode = obj.rows[0].cells[0];
            var tables = obj.parentElement.getElementsByTagName("TABLE");
            var numTables = tables.length
            if (numTables >= 1)
            {
                for (i=0; i < numTables; i++)
            {
            if (tables[i] == obj)
            {
                treeNodeFound = true;
                i++;
                if (i == numTables)
                {
 
                    return;
                }
             }
 
            if (treeNodeFound == true)
            {
                var childTreeLevel = tables[i].rows[0].cells.length;
                if (childTreeLevel > parentTreeLevel)
                {
                    var cell = tables[i].rows[0].cells[childTreeLevel - 1];
                    var inputs = cell.getElementsByTagName("INPUT");
                    inputs[0].checked = checkedState;
                }
                else
                {
                    return;
                }
             }
 
      }
      }
      }
      }