MVC :: Collapsible Panels Or Treeviews - Need To Show Nested Data Nicely
May 20, 2010
What would be the way to show a treeview in MVC - I realise from looking around that there is no real way of doing this without using jQuery. I have a model which contains multiple levels of data and need to display this in a hierachical way - can anyone point me in the right direction - I have googled and searched a fair bit but not came across anything useful as yet. I could really do with using the Ajax collapsible panel control - is there any way to use this in an MVC view?
View 3 Replies
Similar Messages:
Oct 8, 2010
I have a page that has 3 nested repeaters. For the first two repeaters, the repeater's ItemDataBound event binds the next lower repeater. This works fine for the data that I have, but causes a large amount of data to load all at once on Page_Load. Is it possible to use collapsible panels with nested repeaters in such a way that the data only loads when the user clicks a particular linkbutton?
View 3 Replies
Jun 11, 2010
I have implemented a collapsible panel which works properly. It collapse and it extends the content panel when the link corresponding to the information panel is clicked. Within the content panel I have an HTML table control containing several rows and columns. Within one of these columns I have added a container (a <DIV> tag) holding a Google map. Here is the issue:
The map does not properly show up within the container when the content panel is extended. It appears to be shifted to the left, not centered as it should be. Therefore, any attempt to place a point mark on the map (centering the map over that point mark) is unsuccessful since the map doesn't show properly in the container so the point mark is not visible. Even if I drag the map with the mouse within the container, it always reposition at a bad location. If I comment out the extender, leaving the panel as is, the maps shows properly within its container. It is the collapsible panel extender which makes the layout to be incorrect.
View 2 Replies
Oct 27, 2010
I have a page that has the layout seen below (Keep in mind this screenshot is from another one of posts) so it has explanations about that issue and not this new post. But I cant create a new image, so it will work to show what I am having issues with. When you arrive to the page you get the first in the image below. The DVR search is already expanded and you can select a name and search or chose a different type of type. I have the gridview below tied to my objectdatasource which works great and was working great until we added the collapsible panels. If I perform a search on DVR name, results are returned in the image view and everythign works. I can then change to List view and that works great.. gridview binds and all functionality works. But the issue now is if I click on the "Date Search" link on the Search Options menu, my panels expand and collapse as expected now that I clicked Date Search, I enter my dates adn click search and results are returned..
Then the issue is that sorting doesn't work. But it does work for the initial search IF performed by the DVR Name. Searching by DVR name sorting and paging works.. but i change to another panel and hit search, the gridview is updated with new results but the sorting doesnt work. I receive this error when I try the date search.. same for All other searches except the first one. Is having the textboxes within a collapsible panel causing my issue? Error message when I click a column to sort on. But like I said, if I just do a search using the first open panel which is the DVR name, sorting works fine. ObjectDataSource 'ObjectDataSource1' could not find a non-generic method 'SelectInfo' that has parameters: sdate, edate. Here is my gridview control code..
[Code]....
View 6 Replies
Nov 9, 2010
Have two collapsible panels on my page. When I open the top one (which has a panel and txtbox/label controls) it doesn't push down the other collapsible panel. It just covers it.
View 10 Replies
Oct 22, 2010
Just setup the collapsible panels, there are different fields within the panels that are required. When i submit the page, i get my validation summary, but if the panels are closed, then i cant tell which fields are failing.. so i wou,ld have to open each panel up again to see where i missed something. Is there anyway to have the panels open up if there are any controls that failed validation?
View 2 Replies
Jul 6, 2010
I have 2 collapsible panel. The first panel is expanded by default and second panel is collapsed. When I insert a user control in the first panel (about 650px height) it displays it but the content overflows into second panel header. I have autosize to none and height to 0px in the cssclass.
The content section in panel is not expanding to fit. However if any place any amount of static text it works perfectly. Also when I collapse the first panel the rest of the panel is disappearing when an user control is used. Am I missing something. The same problem when I tried to used ajax accordion
<asp:CollapsiblePanelExtender
ID="CollapsiblePanelExtender1" runat="server"
TargetControlID="PanelContentMain"
ExpandControlID="PanelTitleMain"
CollapseControlID="PanelTitleMain"
Collapsed="True"
TextLabelID=""
ExpandedText=""
CollapsedText=""
ImageControlID="Image1"
CollapsedImage="Images/accordion_active.png"
ExpandedImage="Images/accordion_active.png"
SuppressPostBack="True" >
</asp:CollapsiblePanelExtender>
<asp:CollapsiblePanelExtender
ID="CollapsiblePanelExtender2" runat="server"
TargetControlID="PanelContentAddress"
ExpandControlID="PanelTitleAddress"
CollapseControlID="PanelTitleAddress"
Collapsed="True"
TextLabelID=""
ExpandedText=""
CollapsedText=""
ImageControlID="Image1"
CollapsedImage="Images/accordion_active.png"
ExpandedImage="Images/accordion_active.png"
SuppressPostBack="True" >
</asp:CollapsiblePanelExtender>
THe header and content
----------------------------------
<asp:Panel ID="PanelTitleMain" runat="server" CssClass="collapsePanelHeader">
Application Information
</asp:Panel>
<asp:Panel ID="PanelContentMain" runat="server" CssClass="collapsePanel" >
<ucpers:ucpspers id="ucpspers1" runat="server" />
</asp:Panel>
<asp:Panel ID="PanelTitleAddress" runat="server" CssClass="collapsePanelHeader">
Contact Address Information
</asp:Panel>
<asp:Panel ID="PanelContentAddress" runat="server" CssClass="collapsePanel">
Contact Address
</asp:Panel>
The css
-------------
.collapsePanel
{
width:640px;
height:0px;
background-color:White;
overflow:hidden;
background-color: #E7FBFB;
border: 1px double #2E4d7B;
}
.collapsePanelHeader
{
width:640px;
height:20px;
color:Black;
background-color:#DDBF7D;
font-weight:bold;
font-size: 12px;
font-family:Arial,Verdana;
padding:5px;
cursor:pointer;
vertical-align:middle;
overflow:hidden;
border: 1px solid #b85dc3;
cursor: pointer;
}
View 2 Replies
Nov 10, 2010
I am creating varying number of datatables depending on user submitted query. I want to dynamically create collapsible panels for each datatable.
<asp:panel id=pnltitle1>dt1.rows(first row)</asp:panel>
<asp:panel id=pnlcontent1>dt1.rows(remaining rows)</asp:panel>
<asp:panel id=pnltitle2>dt2.rows(first row)</asp:panel>
<asp:panel id=pnlcontent2>dt2.rows(remaining rows)</asp:panel>
<asp:panel id=pnltitle3>dt3.rows(first row)</asp:panel>
<asp:panel id=pnlcontent3>dt3.rows(remaining rows)</asp:panel>
View 1 Replies
Aug 29, 2010
I can't figure out why these collapsible panels are losing their white space inbetween each header after the panel is collapsed.
[Code]....
View 4 Replies
Feb 20, 2011
I would like to make a table with 2 columns. The first column would have 4 buttons, and when you click on one of the buttons, some
collapsible panels would appear in the right column. These could be populated from a database. When you see a collapsible panel, it
would have only a few lines of text, but when you clicked the title at the top of the text (still in the panel) the panel would expand.
Is this possible with drag and drop controls, or does it need real programming on my part?
View 1 Replies
Feb 9, 2010
I am not sure what has happened here, but I have 3 panels, and these 3 panels are nested inside one large, thus:
<asp:panel id="pnlMain" runat="server" Height="60%" Width="100%">
<div id="div1">
<asp:panel id="panel1" runat="server" Height="100%" width="100" scrollbars="vertical"/>
</div>
<div id="div2">
<asp:panel id="panel2" runat="server" Height="100%" width="100" scrollbars="vertical"/>
</div>
<div id="div3">
<asp:panel id="panel3" runat="server" Height="100%" width="100" scrollbars="vertical"/>
</div>
</asp:panel>
What is happening is that when I add my gridviews to these nested panels, the panel is just getting larger, the scroll bars are not scrolling, in other words the panels are stretching rather than their height staying fixed.
View 3 Replies
Jul 7, 2010
I have a HyperLink inside a panel.
I wonder if the the HyperLinks height can follow along ´automatically´ as the Panels height is changing as the HyperLinks is nested inside the Panel.
Is there a function for this?
[Code]....
View 3 Replies
Jun 21, 2013
I want to show model popup, I have One asp page in that Collapsible Panel and tow user control and one button, Suppose I click on button then show the model popup and hide the panel and user controls..
View 1 Replies
Nov 24, 2010
I'm trying to show/hide panels in a masterpage depending on what page the user is on.
I was trying this..
[Code]....
But it didnt work.
View 1 Replies
Aug 30, 2010
there is category and under its there are all forum of this category
to do that , I create 2 tables in DB
cat for category have 2 rows ( id,title) and table forum have 3 rows ( id,title,Cat_ID)
I can do it with Php but in asp.net I can't
I read in some article to create nested gridview
View 4 Replies
Aug 18, 2015
I have applied  your code and it's just worked like a charm but got couple of issue.
I have "Show all" & "Hide all" button and wanted to expand all the nested grid in one go and like wise hide.
View 1 Replies
Mar 5, 2010
Afternoon, I am trying have an HTML file containing a frameset which contains two frames. I have populated the left Frame with a URL containing a TreeView with URL's for the nodes.
I would like the to be able to select a URL from the treeview in the left hand frame, and have it set the src of the right hand frame to be that URL.
View 1 Replies
Nov 29, 2010
I added a (Read More...) Div to my repeater's item template, that doesn't contain any information.
I want to add a text button or an anchor to my item template..when it's clicked it should call a javascript method that writes information to the Div and it will take the content to write as a parameter, the content will be passed as an Eval method, for example it will eval("education")...and when it's clicked again it will hide the Div
I tried various and near approaches but it all worked outside the repeater and item template tags, but if I placed the identical code to the repeater and my javascript to the head tag it won't function!
I don't want to post my code, because I'm sure it's an easy and essential trick for any developer...so I was hoping for an original example not an edit to my test code(beginners logic)
View 1 Replies
Feb 12, 2010
I have a problem with expanding/collapsing a Treeview control in an Updatepanel which causes weird behavior and functions fine if placed outside the Updatepanel.
I have found that TreeViews is not supported in updatePanels so my question is:What is a workaround to avoid a full postback whilst keeping expand/collapse functionality as well as TreeNode_clicks that updates another control?Also why does it seem that some people use a TreeView inside an Updatepanel with success?
View 3 Replies
Mar 15, 2011
I am using a repeater to build a custom table. However, I can't figure out how to make the table show subtotal if the next rows tour does not match the previous rows.
Something similar to that.
row1 tour1
row2 tour 1
tour1 subtotal
row3 tour2
row4 tour2
subtotal
total
[code].....
but this shows all the data in the nested repeater not the ones that match the parentrepeater fields for example tour,theme,dep7 should match in the child repeater
View 1 Replies
Nov 12, 2010
what changed do I need to make to my code for it to achieve what I'm after.
At the moment I am getting a "cannot cast to type" error message with the below code.
I have also tried calling the ItemDataBound method in with the parent repeater tags and had no errors but when I clicked on the button it would just move back to the top of the page and would not hide or show any data. Also I have made the div style to none but the first record still shows its child but the rest don't.
[code].....
View 1 Replies
Feb 25, 2010
last time they helped me fixing my problem of executing my JS with asp.net. now i have another problem, i have placed the Java sript at the end of the content place holder no problem with that. as sson as i put "OnClientClick ="MyFUnction" in the TabPanel4 parameters..and i run the application.. the whole tab container does not show at all... when i remove the "OnClientClick ="MyFUnction" i have my 4 tabs back and showing..
View 2 Replies
Jun 17, 2010
Is there a better, cleaner way to do this in ASP.NET 2.0?
An ASP.NET 2.0 page displays a datalist of records. Each record can have many dates, so the dates are in a nested gridview (I chose a gridview over a datalist here because we want to be able to delete a date and this is easier done in a gridview). The parent record can never be deleted.
The display works fine: the nested gridview gets its datasource during the parent datalist's OnItemDataBound event.
The problem: the nested gridview's delete function. The date gets deleted without a problem (handled in the OnRowDeleting event), but somehow the redisplay is untying all the other nested gridviews from their datasources. The delete does not appear to cause a page postback, so I don't know how the other nested gridviews are losing their datasources.
View 3 Replies
Dec 1, 2010
In nested gridview, i am finding some problem, i want to show child Grid headers in Parent Gridview. Can anyone tell me that how it is possible? Its very urgent. Waiting for quick response.
View 1 Replies
Nov 12, 2010
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.
<%@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
[code]...
View 1 Replies