Discussion :

[youness78]

Bonjour,

J'aimerais mettre en place un filtre sur les noeuds d'un TreeView sachant que j'implémente un contrôle TreeView ASP.NET. Le principe étant de déplier ou replier une branche de l'arbre en fonction du filtre.

Pouvez-vous m'aider à implémenter cette fonctionnalité ?

Merci

[SpaceFrog]

sans voir le code html du treeview ???

ça relève plus de la divination !

tu utilises bien jquery ?

[youness78]

En fait ceci est la version WPF de ce que je souhaite faire

http://www.developpez.net/forums/d99...ction-d-texte/

[SpaceFrog]

ET ?
On ne vois toujous pas le code html du treeview ...

[youness78]

Bonjour

Voila le code aspx de ma page :

Code :

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

1
2
3
4
5
6
7
8
9
10
            <div class="PartieTreeview">     
                <asp:Panel runat="server" ScrollBars="Auto" CssClass="BordureTreeview">
                    <div class="FiltreTreeview">
                        <asp:TextBox ID="filtre_treeview" onblur="FiltreTreeview()" onkeyup="FiltreTreeview()" runat="server" />
                        <ajaxToolkit:TextBoxWatermarkExtender ID="TBWE_filter" runat="server" TargetControlID="filtre_treeview" WatermarkText="<%$ Resources:ResourceEC,Ex_filter %>" WatermarkCssClass="expressionWaterMark"/>
                    </div>
                    <asp:TreeView ID="TreeViewService" runat="server" ShowLines="True" ShowCheckBoxes="All" />
                </asp:Panel>
                ...
                </div>

et le script jquery :

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
20
21
 
function FiltreTreeview() {
    // Récupération de la valeur saisie dans la TextBox du filtre
    var value = $("#ctl00_Main_filtre_treeview").val();
    //return;
 
    // Parcours du Treeview
    $("[id^=ctl00_Main_TreeViewServicet]").each(function () {
        var Id = $(this).attr("id"); //"ctl00_Main_TreeViewServicet0" si je tape DEMO
        var text = $(this).text(); //" DEMO (Démo Espace Client) "
        var child = $(this).children();
        for (i = 0; i < child.length; i++) {
            var childId = child[i].id; //"Client2441"
            if (childId.indexOf("Client") == -1) {
                if (text.indexOf(value) == -1) {
                    $(this).parent().parent().parent().parent().hide(); // Remonte jusqu'à la balise <table> et masque le noeud via le hide()
                }
            }
        }
    });
}

[Bovino]

Voila le code aspx

Merci de lire et appliquer Important : Les règles incontournables d'utilisation de ce forum ! On se moque du code aspx ici, c'est le code HTML généré qui est utile.