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 RepliesWhat 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 RepliesI realise that there are many posts on update panels and repeaters but none that quite solve my problem. I have a page with two Repeaters each inside seperate update panels. They sit next to each other one on the left and one on the right. The left repeater is filled from my database on my page load event. Im am storing the data in a List<> and then binding the list to the repeater. This works correctly and displays all my results. Each item in the left repeat has a button aswell. The button needs toremove the data from the left repeater and place it in the right repeater. I only want the database to be accessed in the Page_Load and then never again during the use of the page, until the data is saved (I have not got to this feature yet). So I have decided to use List<> objects.
View 6 RepliesJust 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 RepliesI 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;
}
I can't figure out why these collapsible panels are losing their white space inbetween each header after the panel is collapsed.
[Code]....
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?
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.
For the solution, I cannot use any event handling methods, because my webapp is fully ajax based and no complete postback is possible. So here's the problem.I have a `List<WebPage>` that contains a list of Links `(List<Link>)` and I need for all the links to bind repetitive information such as page title, id, url. Here is my current repeater.
<div id="result">
<asp:Repeater runat="server" id="results">
<Itemtemplate> [code]....
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 RepliesI 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>
After a few hours of searching I couldn't find a solution to this issue so I figured I'd try a post. I have stored procedure that queries 3 tables and retuns 1 set of results. When I execute the sproc using the following code db.GET_TRAININGS(userID).GroupBy(s=>s.COURSE_TITLE); I get back an IGrouping container where the course title is the key and contains 2 GET_TRAINING_RESULT elements. Then I bind using rptCourses.DataSource=trainings; then databind(),etc.What I'm trying to do is have the parent repeater show the course titles and the nested repeater show the modules for that course for the particular logged in user. Basically trying to turn a flat piece of data into heirchical data.The stored procedure returns the following SQL Columns Course_Title, Module_Path, Module_Name,Sequence. The sproc code is below:
[Code]....
The repeaters look like this of course:
[Code]....
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]....
[Code]....
I use if(! Page.postback) to fill those two repeaters I want to get the data related to checked checkboxes when using the below code it get only the data of the first checked box how to make it brign all the data
private void Btn_Confirm_Click(object sender, System.EventArgs e)
{
//CheckBox checkedButton = null;
foreach (RepeaterItem item in ParentRepeater.Items)
{
CheckBox control=(CheckBox)item.FindControl("CheckBox1");
if (control.Checked)
{
//checkedButton = control;
foreach(DataRow r in GetInnerData(control.Text).Rows ) // GetInnerData is used to pring datarelated to the selected check box
{
if(r["DESCRIPTION"].ToString() == control.Text)
{
Response.Write(r["DESCRIPTION"].ToString() + r["Date" ].ToString() + r[ "Trx" ].ToString() + r[ "GL" ].ToString() + r["Amount" ].ToString() +"
");
}
}
control.Dispose();
//checkedButton.Dispose();
break;
}
}
}
}
i'm currently developing a news system with comments.And i need a way to retrieve an id of the article in a click handle event so i can add new comments to each articleHere is my code-behind right now
Imports System.Data
Imports System.Data.SqlClient
Partial Class _Default
[code]...
i did like all instruction in this link
[URL]
but i have a problem,this erer arise "Can not find tabel1"
I have 3 nested repeaters and in my code behind I can't seem to lock onto the second level repeater. I have written code for the third level but I will once I figure out how to get to the second level. My code is written below.
[Code]....
CODE-BEHIND
[Code]....
I am using nested repeaters and wanted to access a value from my parent repeater within the child...is this possible?
View 3 RepliesI 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.
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]....
How i can create collapsible textbox with jquery or ajax control toolkit.
View 1 RepliesI need to solve a problem with showing some gridviews in a web page. Initially I wanted to have a series of buttons on top of each gridview and have the page loaded with all gridviews set on visible=false and then change to visible=true at the click on the corresponding button. This is though quite boring to do since I have around 50 gridviews and I would need to keep track of each gridview status and preserve that status for each click (postback). I was wondering if having the gridview in a collapsible panel was a better solution, however I'm not sure how I am supposed to add the gridview into that collapsible panel.
View 2 RepliesI have four collapsile panels. Now i want there sould be two link buttons expand all and collapse all. Now whenever user will click on expand all, all the collapsible panels should expand at the same time. Similarly, whenever user will click on collapse all, all the panels should be collapsed.
View 17 RepliesI have a gridview where I have added Collapsible panel extender. When I am running Its working fine for 1st Row. but when I click in 2nd row, Nothing happens. Below is code.
[Code]....
I am using a grid view as a child control inside a grid view and using an collapsible panel extender to show and hide the child grid.
Here is my code
[Code]....
I am getting the following error:
Microsoft JScript runtime error: Sys.InvalidOperationException: Two components with the same id 'cpe' can't be added to the application.