How to hide/show div in a nested repeater by clicking on a button inside parent repea

Kevin Buck

Hi guys

As per above question, the output I am getting at the moment, is my parent data displays along with my child data. However when I click on the button to toggle the views i am getting a "cannot cast type error"

I have also tried to put the itemdatabound event in my parent repeater tag, that worked but when I click on the buttons it just keeps moving to the top of the page and won't hide or show any of the child data except for the first child of the first parent. And thats after hiding data in the div tags, won't show the others but will show the top. Can anyone help?

Below is my current code:

Expand|Select|Wrap|Line Numbers

  
<%@Page Language="VB" EnableEventValidation="false"%>

<%@Import Namespace="System.Data" %>

<%@Import Namespace="System.Data.OleDb" %>
 
<script  runat="server">
 
    Dim ds As DataSet, divdtls, btnview, repeat
 
    Sub ItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.RepeaterItemEventArgs)
 
        If e.Item.ItemType = ListItemType.Item Then

            Dim divdtls As HtmlGenericControl = CType(e.Item.FindControl("details"), HtmlGenericControl)

            Dim btnview As Button = CType(e.Item.FindControl("view"), Button)

            'Dim repeat As Repeater = CType(e.Item.FindControl("achievements"), Repeater)

            btnview.Attributes.Add("onclick", "javascript:displayAch(divdtls.ClientID)")

            'regames.DataSource = cachedListOfT.FindAll(delegate(FooDetails match) Return match.FooId.Equals(foo.FooId))

            'repeat.DataBind()

        End If

    End Sub
 
    Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Me.Load

        Dim daptGame As OleDbDataAdapter

        Dim daptAch As OleDbDataAdapter

        Dim dbconn As OleDbConnection
 
        dbconn = New OleDbConnection("Provider=Microsoft.ACE.OLEDB.12.0;data source=" & Server.MapPath("Xbox.accdb"))

        dbconn.Open()

        ds = New DataSet

        daptGame = New OleDbDataAdapter("SELECT * FROM PctQuery ORDER BY Pct Desc, WonQuery_Achievements DESC, WonQuery_GamerScore DESC", dbconn)

        daptAch = New OleDbDataAdapter("SELECT * FROM Achievements WHERE Won=True", dbconn)

        daptGame.Fill(ds, "PctQuery")

        daptAch.Fill(ds, "Achievements")

        ds.Relations.Add("gameach", ds.Tables("PctQuery").Columns("ScoreQuery_Game"), ds.Tables("Achievements").Columns("Game"))

        games.DataSource = ds.Tables("PctQuery")

        games.DataBind()

        dbconn.Close()
 
    End Sub
 
    Function CheckType(ByVal type As String)

        If type = "Arcade" Then

            Return "Arcade.png"

        ElseIf type = "Retail" Then

            Return "Retail.png"

        ElseIf type = "Kinect" Then

            Return "Kinect.png"

        End If

    End Function
 
    Function CheckPct(ByVal pct As String)

        If pct = "100" Then

            Return "lightgreen"

        Else

            Return "#f0f0f0"

        End If

    End Function
 
    Function UpperCase(ByVal upper As String)

        Return UCase(upper)

    End Function
 
</script>
 
<html>

<body>
 
<script type="text/javascript">
 
    function displayAch(repeaterID) {
 
        var element = document.getElementById(repeaterID).style.display

        if (element == 'none') {

            element = 'block';

        }

        else {

            element = 'none';

        }

    }

</script>
 
<form id="Form1" runat="server">

<asp:Repeater id="games" runat="server">
 
<HeaderTemplate>

<table border="0" width="100%" bordercolor=black>

<tr bgcolor="#F0F0F0">

<th></th>

<th align=left><font face="Calibri" size=3>&nbsp;&nbsp;&nbsp;GAME</font></th>

<th align=right><font face="Calibri" size=3>ACHIEVEMENTS&nbsp;&nbsp;&nbsp;</font></th>

<th align=right><font face="Calibri" size=3>GAMERSCORE&nbsp;&nbsp;&nbsp;</font></th>

<th align=right><font face="Calibri" size=3>%&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></th>

</tr>

</HeaderTemplate>
 
<ItemTemplate>
 
<tr align=center bgcolor="#D8DEE9">

<td width=30><br>&nbsp;&nbsp;<asp:Button id="view" Text="View" runat="server" OnClick="ItemDataBound" AutoPostBack=True />

<b><img src="<%# Container.DataItem("ScoreQuery_Game")%>.jpg"></b></td>

<td width=400 align=left><font face="Calibri" size=5>&nbsp;&nbsp;<b><%# UpperCase(Container.DataItem("ScoreQuery_Game"))%> </b></td>

<td width=100 align=right><font face="Calibri" size=5><b><%# Container.DataItem("WonQuery_Achievements")%> / <%# Container.DataItem("ScoreQuery_Achievements")%></b>&nbsp;<img src="Trophy.png">&nbsp;&nbsp;</td>

<td width=150 align=right><font face="Calibri" size=5><b><%# Container.DataItem("WonQuery_GamerScore")%> / <%# Container.DataItem("ScoreQuery_GamerScore")%></b>&nbsp;<img src="Glyph.png">&nbsp;&nbsp;</td>

<td width=150 background=<%# CheckType(Container.DataItem("Type"))%> align=right><font face="Calibri" size=10 color=white><B><%# CUInt(Container.DataItem("Pct"))%></B>&nbsp;&nbsp;</td>

</tr>
 
<div id="details" runat="server" style="display:none">

<asp:Repeater id="achievements" runat="server" datasource=<%# CType(Container.DataItem, DataRowView).Row.GetChildRows("gameach")%>>
 
<HeaderTemplate>

<table border="0" width="100%" bordercolor=black>

</HeaderTemplate>
 
<ItemTemplate>
 
<tr>

<td>&nbsp;</td>

<td width=400 align=left><font face="Calibri" size=3>&nbsp;&nbsp;&nbsp;<b><%# Container.DataItem("Achievement")%></b></td>

<td width=100 align=right><font face="Calibri" size=3><b><%# Container.DataItem("Gamerscore")%></b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>

<td></td>

<td></td>

</tr>
 
</ItemTemplate>
 
<FooterTemplate>

</table>

</FooterTemplate>
 
</asp:Repeater>
 
</div>

</ItemTemplate>
 
<FooterTemplate>

</table>

</FooterTemplate>
 
</asp:Repeater>
 
</form>
 
</body>

</html>

Nov 12 '10 #1

Subscribe Post Reply

6715

Frinavale

9,735

Expert Mod 8TB

I don't have time right now to read through all of the code you've posted (you really should consider using CSS) but I have a feeling that you may be interested in checking out what I have done in this JavaScript snippet I've posted here: Show/Hide columns

I know that that snippet shows/hides columns and you're not looking to do that...

So you might also be interested in checking out my reply to this thread here:Expand/Collapse GridView ChildView

-Frinny

Nov 12 '10 #2

Similar topics

Nested Repeater Help

by: Tommy | last post by:

I have been working on getting nested repeaters to work for several days. When I add a repeater inside my item template i cannot see it in my code and can't set the datasource for it, etc, thus...

.NET Framework

Nested Repeaters - Get value from parent repeater while in child

by: BG | last post by:

Is it possible to get a value from the parent repeater from within a child nested repeater? Here is an example of what I want to do, but can't figure out how or if it's possible at all: ...

.NET Framework

Nested repeater databinding question

by: Ed Allan | last post by:

http://ejaconsulting.com/nestedrepeater/NestedRepeater.txt >-----Original Message----- >Doh! The HTML has all been rendered . . . > >Right click on this link and select 'Save target as ..' >to...

ASP.NET

Nested repeater control

by: Maziar Aflatoun | last post by:

Hi, I have tried setting up a nested repeater control and it works fine. But when I do 3 level nested repeater it fails. Does anyone know a site or have an example of a three level nestest...

ASP.NET

Nested repeater controls show/hide?

by: sorCrer | last post by:

Hi All, Posted after extensive searching! I have a nested repeater control as follows: (Simplified ;-)) <table> <asp:repeater id=parent onItemDataBound=createChild> <tr><td>Level...

ASP.NET

nested repeater

by: mark | last post by:

(not sure if this is the correct group) My problem is I need to have a "nested" repeater. I have an array which I load into a hashtable - that part works great. I can setup the second repeater...

ASP.NET

Nested Repeater: Can't get it to work in VS 2005

by: bdtmike | last post by:

I'm trying to set up a nested repeater to display master/child data. To do this I'm using 2 repeater controls and I'm using 2 SQLDataSource controls. I'm clear on embeding one repeater inside the...

ASP.NET

Nested Repeater - OnItemDataBound - Slow Speed

by: mavrick_101 | last post by:

Hi, I have a nested repeater. For each row in the parent repeater there is a child repeater with several rows of data. The way I'm doing this is throught ItemDataBound Event. So for each Row...

ASP.NET

how to filter content in a nested repeater

by: bob8000 | last post by:

Hello everyone, I am completly new to ASP.NET and I am attempting to design a web site with it and VB.NET I have been following an example from a book which as taken me to the point where I...

ASP.NET

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA