I can't seem to get the accordion to databind at all.  If I put in the static panels, it appears, but when I databind, nothing shows up.  My ultimate goal is to have a repeater of accordions.  I am doing an FAQ page, and I have groups for the FAQ's (the repeater) and then the questions for each group (the accordian).  I am dropping an ID I need into an invisible label and pulling it out on databind of the repeater to pull in the data I need for the accordion.  However, it isn't appearing.

 So, for a test I put in an accordion with static defined panels and all works fine.  I even tried databinding to an accordion outside the repeater, and no luck there either.

Here is my aspx page.  I am using Master Pages.  In the back, all I am doing is a databind of a System.Data.DataTable to accordianFAQTest.  Ignore the repeater for now.

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolderPage" Runat="Server">
<asp:ScriptManager ID="scriptManager" runat="server"  />
<asp:Repeater ID="repeaterFAQ" runat="server" OnItemDataBound="repeaterFAQ_ItemDataBound">
<ItemTemplate>
<h2><%# DataBinder.Eval(Container.DataItem, "DisplayText") %></h2>
<asp:Label ID="labelId" runat="server" Visible="false" Text='<%# DataBinder.Eval(Container.DataItem, "FAQGroupId") %>' />
<ajaxToolkit:Accordion ID="accordianFAQ" SuppressHeaderPostbacks="true" runat="server" >
<HeaderTemplate>Test<%# Eval("QuestionText") %></HeaderTemplate>
<ContentTemplate>Test<%# Eval("AnswerText") %></ContentTemplate>
</ajaxToolkit:Accordion>
<asp:Panel ID="panelNoHelpTopics" runat="server" Visible="false">
There are no help topics available for this group.
</asp:Panel>
<br />
</ItemTemplate>
</asp:Repeater>

<ajaxToolkit:Accordion ID="accordianFAQTest" SuppressHeaderPostbacks="true" runat="server" >
<HeaderTemplate><%# DataBinder.Eval(Container.DataItem, "QuestionText") %></HeaderTemplate>
<ContentTemplate><%# DataBinder.Eval(Container.DataItem, "AnswerText")%></ContentTemplate>
</ajaxToolkit:Accordion>

<asp:Panel ID="panelNoHelp" runat="server" Visible="false">
There are no help topics available.
</asp:Panel>
</asp:Content>

 Does anyone know why the accordion isn't showing when databinding?

Thanks

Loki

Hi,

Do you assign DataSource to your Accordion controls?

-yuriy

Yes.  the databinding is done in the page load and looks like this

DataTable questions = MyAPI.SQL.GetFAQs(1);

accordianFAQTest.DataSource = questions;
accordianFAQTest.DataBind();

Hi,

if you databind a GridView with autocolumns, do you see columns with correct bnames and correct rows there?

I do not see problems with Accordion control if databound in page_load.

-yuriy

I debugged the code and the Datatable I am binding has 1 row with the columns I have specified in the accordion, yet is still shows nothing.

Hi,

I suggest performing dataBinding in repeater's ItemDataBound event handler.

Please try it. If it still doesn't work, please post your full source here. It'll be better if you can modify it a little bit to make use of Northwind database.

According to my investigation, the dataSource of the Accordion must implement IEnumerable interface. But DataTable doesn't implement it.

Please try to use DataReader instead.

Hope this helps.

I don't see anything wrong with the way you have it now. I suggest you set a break point and step into the Databind process so you can walk through the code to find the problem. I am sure you can bind a table to an accordion so do a walkthrough debug on DATABIND and it will help you detect the error.

Dollarjunkie

I fixed this by using the collapsiblepanelextender control and manually building my own accordion.

Can you let me know how you did that?  I'm having the same issue.

Thanks

Accordion databinding won't work with DataSet or DataTable.

You have to use DataView or DataReader.

<ajaxToolkit:Accordion runat="server" DataSource='<%# new System.Data.DataTableReader(myDataTable) %>'>

<ajaxToolkit:Accordion runat="server" DataSource='<%# new System.Data.DataTableReader(myDataTable) %>'>

FYI, it will work with a DataTable but you have to use an ObjectDataSource and wrap your DataTable in a Data Class.

 it doesn'tttttttttttt work!!!

can't somebody who has done it put an example which work!

this way it really is ajax for html.net rather than asp 

Create a Data Class which returns your DataBinding object (ie a dataTable).

OnItemDataBound="weekAccordian_ItemDataBound"

DataSourceID="MyObjectDataSource">

<ajaxToolkit:Accordion ID="ajxInxAccrd" runat="server" HeaderCssClass="accordionHeader"
ContentCssClass="accordionContent" RequireOpenedPane="false" SuppressHeaderPostbacks="false"
 FadeTransitions="true" FramesPerSecond="40" TransitionDuration="250">

<HeaderTemplate>
<%#DataBinder.Eval(Container.DataItem, "name")%>
</HeaderTemplate>

<ContentTemplate>

<%#DataBinder.Eval(Container.DataItem, "name")%>
</ContentTemplate>

Code for Data binding Accordion:

DataTable dt = new DataTable();
DataColumn Col =new DataColumn("name",typeof(string));
Col.ColumnName = "name";
dt.Columns.Add(Col);

DataRow dr;

dr = dt.NewRow();
dr["name"] = "This is the value for A";
dt.Rows.Add(dr);

dr = dt.NewRow();
dr["name"] = "This is the value for B";
dt.Rows.Add(dr);

dr = dt.NewRow();
dr["name"] = "This is the value for C";
dt.Rows.Add(dr);

dr = dt.NewRow();
dr["name"] = "This is the value for D";
dt.Rows.Add(dr);

ajxInxAccrd.DataSource = new DataTableReader(dt);
ajxInxAccrd.DataBind(); 

 Regards,

Thyagaraju Govardhan

thyagaraju.g@gmail.com