.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal
Post New Web Links

Create a Tree view with expand or collapse using XSLT

Posted By:      Posted Date: September 20, 2010    Points: 0   Category :ASP.Net

I have created an XSLT file to show the contents of xml in HTML format in the form of a tree. Now, my requirement is to add expand or collapse capability to this output(html) using XSLT and Javascript. The sample output looks like this:

Resource Center

  • Home
    • Resource Center
    • List of Resource Types

View Complete Post

More Related Resource Links

May i use the collapse and expand feature (like tree menu) in Report ?


HI all,

May i use the collapse and expand feature (like tree menu) at Report iam using the Report viewer  Control for displaying the Report on my Asp.net Page .


I have number records and each record have detail as i clicked or expand the record then details will be shown is it possible with report viewer control 
If any one have experince before please share the ideas.


Best Regards

how to create jquery tree view

A Simple Query Pass to connection String 1 My Query is SELECT a.HD, a.HEAD, a.SH, a.SUBHEAD, a.TRK, a.TRACK, a.TGT, a.TARGET, a.PDC, a.DT_RELEASE, a.STATUS, a.COFROM V_HIERARCHY1 a2,My Data isHD    HEAD    SH    SUBHEAD    TRK    TRACK    TGT    TARGET    PDC    DT_RELEASE    STATUS    COHR    HR    Rec    Records    Leave    Leave Records    HRL.0002    Quarterly Review    01.07.2010    04.07.2010    Planned    EdlinkHR    HR1    DB    Database    SAL    Salary    DDS.0001    Calculation of Monthly salary    08.08.2010    09.08.2010    WIP    EdlinkHR    HR    Rec    Records    Ind    Induction Records    HRI.0001    Completion of dossiers.    08.07.2010    10.07.2010    WIP    EdlinkHR    HR    DB &

i have a XML File how to create a Tree View and how to get & post xml to cgi

<?xml version="1.0"?><Hierarchy>  <HD id="Acct">    <SH id="Books">      <TRK id="Annual">        <TGT id="ABA.0001">Closure of accounts for 2009-10</TGT>      </TRK>      <TRK id="Monthly">        <TGT id="ABM.0003">Finalization of expense accounts for Jun</TGT>      </TRK>    </SH>  </HD>  <HD id="Admin">    <SH id="GH">      <TRK id="Eqpt">        <TGT id="AGE.0001">Shifting of BSNL Landline.</TGT>      </TRK>    </SH>    <SH id="Offc">      <TRK id="Eqpt">        <TGT id="AOE.0002">Routine Maintenance</TGT>        <TGT id="AOE.0003">Electrical Eqpt Procedures</TGT>      </TRK>     

speed Performane i create a web site but it very slow run i use tree view and grid view

speed Performane i create a web site but it very slow run i use tree view and grid view but i do it run very fast

how to create a Tree View using passing one sql query

(1)  SELECT a.HD, a.HEAD, a.SH, a.SUBHEAD, a.TRK, a.TRACK, a.TGT, a.TARGET, a.PDC, a.DT_RELEASE, a.STATUS, a.CO  FROM V_HIERARCHY1 a(2) and Data isHR    HR    Rec    Records    Leave    Leave Records    HRL.0001    Policy and Process for leave record.    27.06.2010    30.06.2010    WIP    EdlinkHR    HR    Rec    Records    Leave    Leave Records    HRL.0002    Quarterly Review    01.07.2010    04.07.2010    Planned    EdlinkHR    HR    DB    Database    SAL    Salary    DDS.0001    Calculation of Monthly salary    08.08.2010    09.08.2010    WIP    EdlinkHR    HR    Rec    Records    Ind    Induction Records    HRI.0001    Completion of dossiers.    08.07.2010    10.07.2010    WIP    EdlinkHR    HR &

Expand/collapse row to create a new row to display a frame in a datagrid

Hi , I am using .Net Framework 2.0 as its a old application with a datagrid in a page. I want to expand each row when clicked to create a new row to display a page in the newly created row. Can someone help me in this regard<asp:datagrid id="dgdOrders" runat="server" cellpadding="4" borderwidth="1" gridlines="Horizontal" allowpaging="True" autogeneratecolumns="false" datakeyfield="OrderNumber" cssclass="gridStyle" pagerstyle-visible="False"> <itemstyle wrap="False" cssclass="gridItemStyle" backcolor="white"></itemstyle> <alternatingitemstyle wrap="False" cssclass="gridAltItemStyle" backcolor="WhiteSmoke"></alternatingitemstyle> <headerstyle cssclass="gridHeader"></headerstyle> <columns> <asp:templatecolumn headertext="Hold"> <headerstyle horizontalalign="center"></headerstyle> <itemstyle horizontalalign="center"></itemstyle> <itemtemplate> <%# DataBinder.Eval(Container.DataItem, "IsHold") %> </itemtemplate> </asp:templatecolumn> <asp:templatecolumn headertext="Purchase Order"> <headerstyle horizontalalign="center"></headerstyle>

how to create database tree view using jquery


how to create database tree view using jquery

how to create jquery tree view using database no MVC use


how to create jquery tree view using database no MVC use

Auto create tree view nods with sqlDatasource



I want to auto create a tree view in which the tree nods will automatically corresponded to all values in a specific sql table column.

How do I do that?


Video: Use SharePoint Designer 2010 to Create XSLT List View Web Parts

Learn to use SharePoint Designer 2010 to create a XSLT List View Web Part.

Custom tree view for navigating wiki pages

I'm creating an information resource on our intranet (WSS 3.0) using the wiki style format.  The only trick is, unlike a standard wiki, where all pages are directly under the parent, I want to be able to create a customizable tree view where some pages are nested underneath each other.  For example, this particular site talks about all of our different IT systems.  I'll have a wiki page for each system, then underneath each of those pages, there will be more pages for things like training, documentation, etc.  Even though all those pages are at the same level, I need to be able to nest them in a navigational tree view on the quick launch bar.  I suppose if there were also a way to nest the wiki pages themselves, I could just use the pre-packaged tree view.  Anyone have any ideas?

How to create scrolling table for columns in a SharePoint Designer Data View


I have a fairly complex SharePoint Designer 2007 Data View they have added two more requirements.

1. Have the columns on the right side be able to scroll left to right as there is a large number of columns, while the first 3 columns on the left side stay locked in place.  This is only one list not two, and because of some other requirements I have it must remain to be just one list.

2. Then they also need to have scrolling up and down of the entire list with the headers locked in place.

The first requirement is more important than the second, but preferrably I need to do both.

I am new to XSL so not familar with the syntax. Is this something I can do on a custom Data View? Does anyone have any examples of how?

I have a drawing that show how it needs to look but I don't see an option here to upload a graphic.

So here is a link to my graphic example uploaded to my blog area: http://lindachapman.blogspot.com/  or just the image here: http://4.bp.blogspot.com/_aB01ue__NvQ/TGL42MOvrGI/AAAAAAAAAA4/c3xP4uCy4BU/s1600/Scrolling.png

I failed to mention that 3/4 of the columns are HTML Calculated fields wh

create a dynamic view on code

How i can create a new view on code (on runtime) if this view dont exits?   Thanks

Create view

I need to create aview like this. Field1        Field2 James         Here it will be a SELECT from various tables where name='James' Helen          Here it will ............................................    where name='Helen' How to create this view.  Field1 is also from some table. NSG12

How to create a view in my database from a table in another server/database

Is there a way to create a view in my database referencing a table in another server/database if I have the connection information.  I know how to do it in Oracle, simply create a database link, but have never done so in sqlserver.

How to Prevent the expand/collapse behaviour of my Custom Activity?

  How can I prevent the expand feature of my custom activity with custom designer ? I have custom WF4 activities with Custom designers. These activities are not container activities. I just want to prevent the expand feature of the same; just like Assign activity. I set the Collapsible attribute of teh ActivityDesigner false; but still it is expanding to the next level. Thanks AmbilyIT Analyst

mult level tree view

I have a dataset with 3 related tables. I can create a two tiered treeview but I don't know how to get the third level in? <TreeView Height="325" HorizontalAlignment="Left" Margin="12,8,0,0" Name="plTree" VerticalAlignment="Top" Width="380" Grid.ColumnSpan="2"> <TreeView.ItemTemplate> <HierarchicalDataTemplate ItemsSource="{Binding Path=ServiceLines}"> <TextBlock Text="{Binding Path=Service}" Padding="2" AllowDrop="True" /> <HierarchicalDataTemplate.ItemTemplate > <DataTemplate > <TextBlock Text="{Binding Path=ServiceLine}" Padding="2" AllowDrop="True"/> </DataTemplate> </HierarchicalDataTemplate.ItemTemplate> </HierarchicalDataTemplate> </TreeView.ItemTemplate> </TreeView>
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend