Lier Accordion à une source de données + Regroupement

Salut,

En complément à ce bon article, je souhaiterais savoir s'il est possible de lier des données à mon Accordion afin d'avoir ceci :

(Exemple)

Allemagne > header
Ville 2
Ville 8
Belgique > header
Ville 4
Ville 5
France > header
Ville 1
Ville 7
Ville 3
Suède > header
Ville 6
Ville 9
Ville 10

En liaison avec une requete du genre:
Code:

1 2 3 Select NOM_VILLE, NOM_PAYS FROM VILLE ORDER BY NOM_PAYS
Ou par le biais de classes telles que :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 public class VILLE { private int _idVille; private string _nomVille; private PAYS _pays; ... } public class PAYS { private int _idPays; private string _nomPays; ... }
T.
Merci.

couple un repeater dans le ContentTemplate de ton ajax:accordion afin d'avoir les différentes villes dans chaque onglet pays et le tour est joué!

Merci pour l'info.
C'est donc ce que j'ai fait.

Tout se passe bien.
Mes entêtes de section (<HeaderTemplate>) s'affichent bien dans la page et en debug je vois bien que mon Datalist (et non gridview comme dans l'article) se remplit bien : j'ai toutes les lignes relatives à la section.

De même, en allant voir le code source de la page, je vois bien le contenu de chaque Datalist.

Problème : elles sont invisibles et cliquer sur une entête de section n'a aucun effet.

Avez vous une idée ?
Voici mon code :

Les pays sont ici des "ZONE"
Les villes sont ici des "CRITERE"

Je regroupe donc les critères par zone.

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
 
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Evaluation3.aspx.cs" Inherits="Evaluation3" %>
 
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
 
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
 
<asp:Content ID="Content2" ContentPlaceHolderID="Main" Runat="Server">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">    
        <ContentTemplate>        
            <asp:Accordion ID="Accordion1" runat="server" 
            onitemdatabound="Accordion1_ItemDataBound" SuppressHeaderPostbacks="True" SelectedIndex="1">
            <HeaderTemplate>
                <asp:Label ID="LabelZone" runat="server" Text='<%# Eval("LIBELLE_ZONE") %>'></asp:Label>
            </HeaderTemplate>
            <ContentTemplate>
                <asp:HiddenField runat="server" ID="hidZone" value='<%# Eval("ID_ZONE") %>'></asp:HiddenField>
                <asp:DataList ID="DataList1" runat="server">
                    <ItemTemplate>
                        <asp:Label runat="server" ID="labelCritere" value='<%# Eval("LIBELLE_CRITERE") %>'></asp:Label>
                    </ItemTemplate>
                </asp:DataList>
            </ContentTemplate>        
         </asp:Accordion>
     </ContentTemplate> 
    </asp:UpdatePanel> 
</asp:Content>

Code behind :

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
40
 
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using CoucheDonnees;
using CoucheMetier;
using AjaxControlToolkit;
 
public partial class Evaluation3 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        BindAccordion();
    }
 
    public void BindAccordion()
    {
        IEvaluerHabitat eval = new EvaluerHabitat();
        Accordion1.DataSource = eval.GetZones();
        Accordion1.DataBind(); 
 
    }
    protected void Accordion1_ItemDataBound(object sender, AjaxControlToolkit.AccordionItemEventArgs e)
    {
        if (e.ItemType == AccordionItemType.Content)
        {
            DataList DataList1 = (DataList)e.AccordionItem.FindControl("DataList1");
            HiddenField hidZone = (HiddenField)e.AccordionItem.FindControl("hidZone");
            BindGrid(DataList1, Int32.Parse(hidZone.Value));
        } 
    }
 
    private void BindGrid(DataList List, int id_zone)
    {
        IEvaluerHabitat eval = new EvaluerHabitat();
 
        List.DataSource = eval.GetCriteresZones(1, id_zone);
        List.DataBind();
    }
}

Citation:

Envoyé par tiboleo

Problème : elles sont invisibles et cliquer sur une entête de section n'a aucun effet.

En réalité, lorsque je clique sur une section (du moins celles censées contenir des éléments enfants), on voit la section se déplier de 2 ou 3 mm mais c'est tout.

J'avais renseigné la propriété Value et non Text du Label...
Désolé !
T.