Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

L'INTERFACE IHIERARCHICALENUMERABLE - BINDEZ VOS MENU/TREEVIEW AVEC VOTRE PROPRE SOURCE DE DONNÉES




Description

Lorsque l'on utilise les controles Menu ou treeview d'asp.net on se sert généralement d'un XMLDataSource/SiteMapDataSource ou alors si veut dynamiquement peupler le controle on modifie directement la collection de noeuds.

Mais il existe une autre solution qui permet de faire
monTreeview.DataSource = myFiles;
monTreeview.DataBind();

La seule condition est que myFiles implémente IHierarchicalEnumerable.


Dans cet exemple je montre comment implémenter IHierchicalEnumerable pour afficher les fichiers et sous dossier d'un dossier. Je montre également comment créer son propre controle de datasource.

 

Source

  • protected void Page_Load(object sender, EventArgs e)
  • {
  • // on bind notre treeview avec les fichiers/dossier contenu dans le dossier d:/www/
  • tv1.DataSource = new FileSystem(@"d:\www\", true);
  • tv1.DataBind();
  • }
  • <asp:TreeView ID="tv1" runat="server" ImageSet="XPFileExplorer" NodeIndent="15" ExpandDepth="1" EnableViewState="false">
  • <ParentNodeStyle Font-Bold="False" />
  • <HoverNodeStyle Font-Underline="True" ForeColor="#6666AA" />
  • <SelectedNodeStyle BackColor="#B5B5B5" Font-Underline="False" HorizontalPadding="0px"
  • VerticalPadding="0px" />
  • <NodeStyle Font-Names="Tahoma" Font-Size="8pt" ForeColor="Black" HorizontalPadding="2px"
  • NodeSpacing="0px" VerticalPadding="2px" />
  • <DataBindings>
  • <asp:TreeNodeBinding TextField="Name" />
  • </DataBindings>
  • </asp:TreeView>
  • ---- Deuxieme solution possible en utilisant un FileSystemDatasource
  • <asp:TreeView ID="tv1" runat="server" ImageSet="XPFileExplorer" NodeIndent="15" ExpandDepth="1" DataSourceID="fsds1" EnableViewState="false">
  • <ParentNodeStyle Font-Bold="False" />
  • <HoverNodeStyle Font-Underline="True" ForeColor="#6666AA" />
  • <SelectedNodeStyle BackColor="#B5B5B5" Font-Underline="False" HorizontalPadding="0px"
  • VerticalPadding="0px" />
  • <NodeStyle Font-Names="Tahoma" Font-Size="8pt" ForeColor="Black" HorizontalPadding="2px"
  • NodeSpacing="0px" VerticalPadding="2px" />
  • <DataBindings>
  • <asp:TreeNodeBinding TextField="Name" />
  • </DataBindings>
  • </asp:TreeView>
  • <test:FileSystemDataSource runat="server" id="fsds1" rootPath="d:/www/" />
    protected void Page_Load(object sender, EventArgs e)
    {
        // on bind notre treeview avec les fichiers/dossier contenu dans le dossier d:/www/
        tv1.DataSource = new FileSystem(@"d:\www\", true);
        tv1.DataBind();
    }


    <asp:TreeView ID="tv1" runat="server" ImageSet="XPFileExplorer" NodeIndent="15" ExpandDepth="1" EnableViewState="false">
        <ParentNodeStyle Font-Bold="False" />
        <HoverNodeStyle Font-Underline="True" ForeColor="#6666AA" />
        <SelectedNodeStyle BackColor="#B5B5B5" Font-Underline="False" HorizontalPadding="0px"
            VerticalPadding="0px" />
        <NodeStyle Font-Names="Tahoma" Font-Size="8pt" ForeColor="Black" HorizontalPadding="2px"
            NodeSpacing="0px" VerticalPadding="2px" />
            <DataBindings>
                <asp:TreeNodeBinding TextField="Name" />
            </DataBindings>
    </asp:TreeView>



---- Deuxieme solution possible en utilisant un FileSystemDatasource 

    <asp:TreeView ID="tv1" runat="server" ImageSet="XPFileExplorer" NodeIndent="15" ExpandDepth="1" DataSourceID="fsds1" EnableViewState="false">
        <ParentNodeStyle Font-Bold="False" />
        <HoverNodeStyle Font-Underline="True" ForeColor="#6666AA" />
        <SelectedNodeStyle BackColor="#B5B5B5" Font-Underline="False" HorizontalPadding="0px"
            VerticalPadding="0px" />
        <NodeStyle Font-Names="Tahoma" Font-Size="8pt" ForeColor="Black" HorizontalPadding="2px"
            NodeSpacing="0px" VerticalPadding="2px" />
            <DataBindings>
                <asp:TreeNodeBinding TextField="Name" />
            </DataBindings>
    </asp:TreeView>
    <test:FileSystemDataSource  runat="server" id="fsds1" rootPath="d:/www/" />

Conclusion

Cet exemple permet seulement de montrer l'utilisation des datasource Hierarchique. Mon code doit surement lever une exception dans le cas où l'utilisateur ASP.net n'a pas accès aux fichiers, etc...

Dans la vrai vie, il faudra gérer ces cas mais il est très rare de devoir mapper un treeview avec un hierarchie déjà existante ;-)
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Commentaires et avis

signaler à un administrateur
Commentaire de spool999 le 28/06/2007 13:33:51

Merci Cyril pour l'exemlpe je n'ai pu testé que la premiere solution elle est tres interessante.

signaler à un administrateur
Commentaire de waterw72 le 13/07/2007 11:47:10

Bonjour,
n'aurais-tu pas la version vb ?
merci

signaler à un administrateur
Commentaire de arcollet le 13/04/2008 02:03:43

Bonsoir,
Je cherche un code exemple concernant l'exploitation du datasource du controle menu d'asp.net2 afin de générer un menu et ses sous-menu à partir d'une base de donnée.
Auriez vous par hasard un code qui traine ?
Merci d'avance pour votre aide.
Denis

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Developper une treeview [ par Skinou ] Bonjour a tous, Je suis débutant en ASP.NET et là je suis en train de faire un petit site. J'ai fait un fichier web.sitemap pour gérer l'arborecence d treeview et arborescence [ par ottocar ] Bonjourg un control treeview, mais quand je clique sur un lien du menu, ca ne developpe pas l'arborescence, mais juste lien html sur ma page , que fai Utilisation des TreeView [ par ov3rdoze ] BonjourJe developpe actuellement un projet VB .NET. J'ai mis un TreeView dans ma page, mais le problème, c'est que quand on clique un lien dans ce tre Menu contextuel d'un treeView [ par debladz ] Bonjour, Pour les besoins d'una application Web en ASP.Net, je dois associer un menu contextuel aux noeuds d'un treeView.Est-ce que vous avez un idée Menu caroussel en flash pour Sharepoint [ par sanglier7 ] Bonjour,Je vous fais ce poste pour vous inviter à aller télécharger mon menu caroussel fait en flash et entièrement compatible avec Sharepoint. Ce men utilisation des master pages [ par pigeon11 ] Bonjour, Dans mon application j'ai une page contenant un menu déroulant qui red Menu et web.sitemap [ par debladz ] Bonjour,Pour les besoins d'une application web, un menu est créé grâce à la balise &lt;asp:Menu&gt; et aux balises &lt;asp:MenuItem&gt; pour la naviga Code CSS incomptablie avec IE [ par bayjay ] Voila donc enfete je m'occupe de faire un site internet et je suis confronté au fait que mon menu déroulant fonctionne à Merveille sous Mozilla FireFo menu déroulant aspnet [ par pigeon11 ] bonjour, dans mon site asp.net(vb.)net, j'ai un menu déroulant. dans la procédure Menu1_MenuItemClick, j'ai mis :  If e.Item.Text = "livres" The menu+sitemap [ par pigeon11 ] j'ai créé un menu et je lui appliqué un web.sitemapLe problème c'est que lors du clique sur un élément du menu la page indiquée sur l'url s'affiche ma


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,390 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.