Hola a tod@s. Tengo un problema con un menú accordion de Ajax y ASP.Net el problema que tengo es que me repite los datos del <HeaderTemplate> tantas veces como recorre la tabla de <ContentTemplate> en lugar de poner todos los submenu dentro del menu.
Me explico con un ejemplo:
El menú consiste en:
Cita: Master
......matematicas
......lengua
......ingles
carrera
......fisica
......química
......frances
......informatica
Curso
.....ingles
.....lengua
estos datos se recogen de dos tablas diferentes una es la de master carrera y cursos y la otra talba es la de las asignaturas
En lugar de aparecer el menu accordion como indico arriba me aparece de la siguiente manera
Cita: Master
......matematicas
Master
......lengua
Master
......ingles
carrera
......fisica
carrera
......química
carrera
......frances
carrera
......informatica
Curso
.....ingles
Curso
.....lengua
el código
Código PHP:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>Accordion</title>
<style type="text/css">
.accordionCabecera
{
border: 1px solid black;
background: blue url(img/glossyback.gif) repeat-x bottom left;
font-family: Arial, Sans-Serif;
font-size: 14px;
font-weight: bold;
padding: 4px;
margin-top: 4px;
cursor: pointer;
}
.accordionContenido
{
font-family: Sans-Serif;
background-color: #fff8ab;
border: 1px solid black;
border-top: none;
font-size: 12px;
padding: 7px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager id="ScriptManager" runat="server" />
<ajaxToolkit:Accordion ID="Accordion1" runat="server"
FadeTransitions="True"
FramesPerSecond="50"
Width="250px"
TransitionDuration="200"
HeaderCssClass="accordionCabecera"
ContentCssClass="accordionContenido" DataSourceID="sds1">
<%--<Panes>
<ajaxToolkit:AccordionPane ID="AccordionPane1" runat="server">
<Header>Panel 1</Header>
<Content>Contenido 1</Content>
</ajaxToolkit:AccordionPane>
<ajaxToolkit:AccordionPane ID="AccordionPane2" runat="server">
<Header>Panel 2</Header>
<Content>Contenido 1</Content>
</ajaxToolkit:AccordionPane>
<ajaxToolkit:AccordionPane ID="AccordionPane3" runat="server">
<Header>Panel 3</Header>
<Content>
<a href=""> Contenido 3</a><br />
<a href="">Contendio 4</a><br />
</Content>
</ajaxToolkit:AccordionPane>
<ajaxToolkit:AccordionPane ID="AccordionPane4" runat="server">
<Header>Panel 4</Header>
<Content>Contenido 4</Content>
</ajaxToolkit:AccordionPane>
</Panes> --%>
<HeaderTemplate>
<table cellpadding="2" cellspacing="0" border="1" bgcolor="#cccccc">
<tr>
<td>
<a href="" onclick="return false;" ><%#Eval("c_ncurso")%></a>
</td>
</tr>
</table>
</HeaderTemplate>
<ContentTemplate>
<%#Eval("c_asignatura")%>
</ContentTemplate>
</ajaxToolkit:Accordion>
<asp:SqlDataSource ID="sds1" runat="server" ConnectionString="" />
</div>
</form>
</body>
</html>
¿Cómo podria solucionar este problema? Muchas gracias