[2.0] Sélectionner un TreeNode sans faire de PostBack

Version imprimable

22/11/2006, 16h36
ThanosT

[2.0] Sélectionner un TreeNode sans faire de PostBack

Salut les gars !

J'utilise un TreeView 2.0.
Lors de la séléction d'un Noeud, la page envoie un PostBack, qui n'est pas nécessaire et j'aimerai pouvoir selectionner un noeud sans faire de PostBack.

Alors j'ai essayé :
*

Code:

Node.NavigateUrl = "Javascript:Void(0)"

Sa marche le Noeud n'envoie plus de PostBack, mais je n'arrive plus a le selectionner.
Car plus loin dans mon code quand je fais :
TreeView.SelectedNode, il me renvoie Null (Pour les amis du C#) ou Nothing (pour les Amis du VB).

*

Code:

Node.SelectAction = TreeNodeSelectAction.None

N'envoie pas de PostBack mais je ne peut pas non plus selectionner le Noeud voulut.

Alors comment puis-je faire pour Selectionner un noeud sans faire de PostBack ?

Merci

PS: J'ai vu dans pas mal de sites, que la solution consisterait à faire un code javascript inclus dans la page, mais aucun des sites que j'ai vu ne proposaient un code fiable

C'est bon les gars, j'ai trouver la réponse (Merci a pushp_aspnet).

Il suffit de mettre tout les noeuds

Code:

1
2
 
Node.NavigateUrl = "javascript:void(0);"

Puis dans le head du .aspx
Mettre

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<script type="text/javascript"> 
 
        window.onload = function()
        {
             var treeview = document.getElementById("<%=Trv.ClientID %>"); //use your treeview id instead of Trv
             var treeLinks = treeview.getElementsByTagName("a");
             for(i=0;i<treeLinks.length;i++)
             {
                  if(treeLinks[i].firstChild.tagName != "IMG")
                  {
                    treeLinks[i].onclick =function(){
                    TreeView_SelectNode(<%=Trv.ClientID %>_Data,this,this.id.toString());
                    }
                  }
              }
        }
 
        </script>

Merci ;)

J'ai optimiser le code du javascript pour qu'il deselectionne un noeud quand on selectionne un autre.

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
30
31
32
33
34
35
36
37
38
39
 
	 	<script type="text/javascript"> 
 
	 	var previousSelectedNode = null; //element global
 
        window.onload = function()
        {
             var treeview = document.getElementById("<%=Trv.ClientID %>"); 
             var treeLinks = treeview.getElementsByTagName("a");
             for(i=0;i<treeLinks.length;i++)
             {
                  if(treeLinks[i].firstChild.tagName != "IMG")
                  {
                    treeLinks[i].onclick =function()
                    {
                        if(previousSelectedNode == null) //first time node clicked
                        {
                           previousSelectedNode = this;
                        }
                        else  //deselect previous node
                        {
                            previousSelectedNode.className = "nodeNotSelected";
                            previousSelectedNode = this;
                        }
                        TreeView_SelectNode(<%=Trv.ClientID %>_Data,this,this.id.toString());
 
                        this.className = "nodeSelected";   //setting the style for currently selected node
                    }
                  }
              }
        }
 
        </script>
 
 
    <style>
.nodeSelected{text-decoration:none;background-color:#C5C2B8;BorderStyle=Solid;BorderWidth:1px;}
     .nodeNotSelected{text-decoration:none;background-color:none;}
    </style>

;)