AJAX - menu accordion ajax asp.net dinamico

   
Vista:

menu accordion ajax asp.net dinamico

Publicado por igonfil (1 intervención) el 18/08/2009 18:16:10
Ya tengo creado el menú accordion con ajax y me rellena desde una base de datos pero ahora lo que necesito es que en un menú me cargue varios submenus(que al pulsar sobre un botón me despliegue varios contenidos de la base de datos que quiero que se coloquen en ese botón) no se si me explico. A ver si me podeis ayudar y de este modo terminar ya con este menu ya que me está costando mucho. Muchas grácias. El código que tengo es el siguiente.

<%@ 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>
<%#Server.HtmlDecode(Eval("nottitulo").ToString())%>
</HeaderTemplate>
<ContentTemplate>
<a href=""><%# Server.HtmlDecode(Eval("notContenido").ToString()) %></a><br />
</ContentTemplate>
</ajaxToolkit:Accordion>
<asp:SqlDataSource ID="sds1" runat="server" ConnectionString="Data Source=.SQLEXPRESS;AttachDbFilename=D:MisProgramasMenuAcordeon1App_DataDatabase.mdf;Integrated Security=True;Connect Timeout=30;User Instance=True" ProviderName="System.Data.SqlClient" SelectCommand="SELECT notTitulo, notContenido FROM Noticias" />
</div>
</form>
</body>
</html>



notTitulo: sería lo que es el boton principal
notContenido: sería lo que se despliega al pulsar sobre notTitulo(el submenu) y aquí es donde tengo la duda la cual es que aquí como podemos ver solo me añade un elemento pero lo que quiero yo es añadirle varios por ejemplo que en el botón Planeta se le despliegue Tierra, Mercurio, Saturno, etc...

notTitulo.......notContenido
Hola.................Luis
Hola.................Paco
Planeta............Tierra
Monchi.............Ivan
NULL............... NULL
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder