I am working on asp page.
User requirement is he want to show reocrds in Tree Structure.
For E.g
He needs the summary details of the total sales order.
He don't want to view each and every transaction.
This he needs on demand. i.e
I am showing monthly total sales and beside this i have place an Plus sign image.
so now when user will click on this image it has to get replaced by minus sign image and corresponding transaction records should get displayed.

How should i implement this?

Thanks in advance.


987654321

__________________
987654321

Here is one way to do what I think you're trying to do. You put a repeater within a repeater to get the child objects within a DIV layer. The + image has an onclick event that uses the javascript function below to change the class of the DIV layer which will show the contents of the DIV layer and replaces the image + image with a - image. Its pretty straight forward.

<asp:Repeater ID="rptArea" Runat="server">
    <ItemTemplate>
        <img border="0" width="16" height="16" src="/images/icons/max_sm.gif" align="absmiddle" name="_Area<%#DataBinder.Eval(Container.DataItem, "AreaID")%>" alt="Maximize" onclick="javascript:showHide('Area<%#DataBinder.Ev al(Container.DataItem, "AreaID")%>');" />
        <%#DataBinder.Eval(Container.DataItem, "AreaName")%><br />
        <div id="Area<%#DataBinder.Eval(Container.DataItem, "AreaID")%>" class="<% Response.Write(_ShowHide) %>">
            <asp:Repeater ID="rptSubarea" Runat="server">
                <ItemTemplate>
                    <img border="0" src="/images/spacer.gif" width="16" height="0" align="absmiddle" />
                    <img border="0" src="/images/icons/max_sm.gif" width="16" height="16" align="absmiddle" name="_Sub<%#DataBinder.Eval(Container.DataItem, "SubID")%>" alt="Maximize" onclick="javascript:showHide('Sub<%#DataBinder.Eva l(Container.DataItem, "SubID")%>');" />
                    <%#DataBinder.Eval(Container.DataItem, "SubName")%><br />
                </ItemTemplate>
            </asp:Repeater>
        </div>
    </ItemTemplate>
</asp:Repeater>

function showHide(div)
{
    var obj = document.getElementById(div).style;
    obj.display = obj.display != 'block' ? 'block' : 'none';
    if(document['_'+div].alt == "Maximize")
    {
        document['_'+div].src = "/images/icons/min_sm.gif";
        document['_'+div].alt = "Minimize";
    }
    else
    {
        document['_'+div].src = "/images/icons/max_sm.gif";
        document['_'+div].alt = "Maximize";
    }
}

Thank you.
I will implement this code and get back to forum.



987654321

repeater is the ASP.net control.Is'nt it?
I am purely working on simple asp page. while impletmenting the given code it was telling me to save file with aspx extension. Then further how to travel ???????????? How should i do this?


987654321