Forms Data Controls :: Sorting In Gridview Where Page Has Collapsible Panels
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
Similar Messages:
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
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
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
Jul 18, 2010
Moderators Note: THIS ISSUE IS BIG FOR ME AND EVEN IF POSSIBLE, GET THE REPLY FROM THE DESIGNER OF GRIDVIEW. I have been looking for him for long. I am really fed up with reviewing a good lot of web pages on how we can possibly customize the gridview to enable sorting and paging. So many sites have listed out a lot of information and so many guidances. But the problem is that one works out fine and the other is a burden. I really feel bad about being given the job of customizing this kind of a gridview which has no user friendly approach to it. Also, this control is rendered without the pager links inside the <tfoot> tag. I have tried the Pear Pager in php. It is that good and easy to use and compared to that, the gridview in asp.net is the worst ever control i have ever tried so far.
1. i can use the images to indicate the sorting direction
2. I can have the custom pager like
[code]
<<Previous 1 2 3 .. 7 Next >>.
[/code]
When i click the next when i am viewing the page at 3 , the pager links should change as
[code]
<<Previous 2 3 4 .. 7 Next >>
[/code]
Kindly look into this type of requirement and firstly tell me whether this is possible with the gridview control. I would like this request even to be escalated to the designers of the gridview control also, so that Microsoft comes out with a reply THAT WORKS and not the kind of stuff like surfing through a lot of links and pages and finally wasting a lot of days precious time and still breaking the head with this useless control. I have spent a lot of time in searching for a perfect way. Not writing a code that is non-standard. I am really serious b'cos I have spent weeks in customizing this control. If I dont get a solid reply atleast now, I am going to generate all the output by HTML content by custom coding.
View 7 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
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
Jan 9, 2010
im not sure why but my gridview seems to have stopped working in all areas of Editing, Deleting, Sortinging and i cant click the page number to switch between pages.Ive looked up numerous tutorials and on forums and still cant seem to find a solution that works for me. I have the edit delete sorting and paging check boxes selected.
When i click on any of the links nothing happens. not even a refresh.
<asp:GridView ID="GridView1" runat="server" AllowPaging="True"
AllowSorting="True" AutoGenerateColumns="False" DataKeyNames="NumofPosts"
DataSourceID="SqlDataSource1" [code]......
View 6 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
Jan 12, 2010
I have a nested gridview, which on the outer gridview contains a command field, select button. Where I am stuck is how to use this command field to hide and show the row that contains my nested gridview row.
View 1 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
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
Jan 29, 2011
I am using a collapsible child gridview inside a parent gridview. When I click on the expand image, the data to displayed is put up correctly, however when I make some changes in the child gridview, they seem to be lost!! That is, the changes do not get reflected in the database.
View 3 Replies
Dec 9, 2010
I have a problem where the collapsible extender stops behaving properly after 2-3 rows in the gridview.
First Row:
2nd row
[Code]....
View 3 Replies
Mar 23, 2010
I have lots of items in my gridview and would like to collapse parts of it according to the item type, can this be done relatively easy (and without the use of AJAX) are there any available controls that can do this.
View 2 Replies
Mar 10, 2011
I got a web page, it has a tabcontainer, within each tab, there will be a gridview, all the tabs and gridview are created at run-time, i have only one code, that I will loop through to create all those tabs and gridview. When I apply the sorting, and I click on the column name on any grid, it returned an error saying index was out of bound. BUT, when there is only ONE grid view created, it is working fine, I suspect it mixed up all the grid view's id and so on. But I have assigned different ID to gridview
View 8 Replies
Jan 14, 2010
I'd like to sort a gridview using linkbuttons situated outside the gridview. For instance :
[code]....
View 3 Replies
Apr 16, 2010
I have the gridview inside another gridview, i want to sort that both gridviews, I don't know how to achieve using asp.net 3.5 visual studio 2008 c# code behind. Following are my aspx page,
<div
id="divclm"
runat="server">
<asp:GridView
ID="claimgrid"
runat="server"
AutoGenerateColumns="False" AllowSorting="True"
Width="100%"
AllowPaging="True"
CssClass="gareahead"
EmptyDataText="No Records To Display"
OnRowDataBound="claimgrid_RowDataBound"
OnRowCreated="claimgrid_RowCreated"
GridLines="Both"
OnPageIndexChanging="claimgrid_PageIndexChanging"
OnSorting="claimgrid_Sorting"
CaptionAlign="Right">
<Columns>
<asp:HyperLinkField
Text="<img id='upimg' src='Styles/Images/appschg.gif'/>"
ItemStyle-Width="10px">
<ItemStyle
Width="10px"
/>
</asp:HyperLinkField>
<asp:BoundField
DataField="name"
HeaderText="Name"
SortExpression="name">
<HeaderStyle
HorizontalAlign="Center"
/>
<ItemStyle
HorizontalAlign="Left"
/>
</asp:BoundField>
<asp:BoundField
DataField="code"
HeaderText="Code"
SortExpression="code">
<HeaderStyle
HorizontalAlign="Center"
/>
<ItemStyle
HorizontalAlign="Left"
/>
</asp:BoundField>
<asp:TemplateField>
<ItemTemplate>
</td></tr>
<tr>
<td
colspan="6"><div
id="<%#Eval("code") %>"
style="display:none;position:relative">
<asp:GridView
ID="Gdclmline1"
runat="server"
AllowPaging="True"
AllowSorting="True"
AutoGenerateColumns="False"
OnSorting="Gdclmline1_Sorting" BorderColor="Green"
BorderStyle="Solid"
BorderWidth="1px"
OnRowDataBound="Gdclmline1_RowDataBound"
OnRowEditing="Gdclmline1_RowEditing" Font-Names="Verdana"
Font-Size="8pt"
Font-Strikeout="False"
OnSelectedIndexChanging="Gdclmline1_SelectedIndexChanging"
OnRowUpdating="Gdclmline1_RowUpdating" PageSize="1000"
RowStyle-Wrap="false"
Width="100%"
CssClass="gareahead"
EmptyDataText="No Records To Display"
GridLines="Both">
<PagerSettings
Mode="NextPreviousFirstLast"
NextPageText="Next"
Position="Top"
PreviousPageText="Prev"
/>
<Columns>
<asp:TemplateField
HeaderText="phone"
SortExpression="phone">
<HeaderStyle
HorizontalAlign="Center"
/>
<ItemStyle
HorizontalAlign="Left"
/>
<ItemTemplate>
<asp:Label
ID="lblphone"
runat="server"
Text='<%#Bind("phone") %>'> </asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField
HeaderText="address1"
SortExpression="address2">
<HeaderStyle
HorizontalAlign="Center"
/>
<ItemStyle
HorizontalAlign="Left"
/>
<ItemTemplate>
<asp:Label
ID="lbladdress1
runat="server"
Text='<%#Bind("address1") %>'> </asp:Label>
</ItemTemplate>
</asp:TemplateField>
</Columns>
<RowStyle
CssClass="gr"
Height="100px"
HorizontalAlign="Left"
Wrap="true"/>
<SelectedRowStyle
CssClass="gr"
/> <PagerStyle
CssClass="gareahead"
HorizontalAlign="Left"
Wrap="False"
/> <HeaderStyle
CssClass="ghead"
ForeColor="White"
Wrap="true"
/> </asp:GridView>
</div>
</td>
</tr>
</ItemTemplate>
</asp:TemplateField>
</Columns>
<PagerSettings
Mode="NextPreviousFirstLast"
NextPageText="Next"
Position="Top"
PreviousPageText="Prev"
/>
<HeaderStyle
HorizontalAlign="Center"
VerticalAlign="Middle"
CssClass="ghead"
ForeColor="White"
/>
<RowStyle
CssClass="gr"
/>
<SelectedRowStyle
CssClass="gs"
/>
</asp:GridView>
</div>
that aspx page contains gridview that contain one more gridview inside in it.Now i want to sort out both the grid i.e)claimgrid and Gdclmline1 i want code in c#.
View 3 Replies
Jan 10, 2011
I'm trying to extend the GridView control to enable sorting and paging for any situation.
When using my control I am fetching data from a database and filling a DataSet with it, then binding the GridView upon every page load. My first question would be, is this the correct approach?
To sort the GridView I am overriding the OnSorting method which stores the sort expression and direction in the ViewState, then creates a DataView and utalises the Sort method to sort the underlying data. It then sets the Data Source to this DataView and rebinds the GridView.
Paging is handled by OnPageIndexChanging which simply sets the PageIndex property and again rebinds the GridView.
My problem is; when any control causes a postback my GridView is no longer sorted, presumably because it is persistently rebound. If I don't rebind it then the GridView is empty on postback since the data isn't automatically stored in the ViewState. I have considered saving the data source in the ViewState but I would assume that this is bad practice for large amounts of data? - also DataViews are not seralisable.
The only solution I can think of currently is to override OnDataBound and sort the data every time. This results in a double sort when paging triggers a postback which seems inefficient. Code illustration of this below,
[Code]....
I'm looking for the cleanest 'best practice' solution as this is a learning exercise more than anything else.
View 12 Replies
Apr 23, 2010
I am using GridView to display data using BLL
Grid view in my aspx file:
[Code]....
View 4 Replies
Jul 6, 2010
I'm trying to sort GridView but I have problem with converting DataSource to DataTable. Object of DataTable is empty. I don't know how to convert it.Do you have any ideas? Here is my code:
private void SortGridView(string sortExpression, string direction)
{
DataTable dt = GridViewDzialania.DataSource as DataTable;
DataView dv = new DataView(dt);
dv.Sort = sortExpression + direction;
GridViewDzialania.DataSource = dv;
GridViewDzialania.DataBind();
}
View 4 Replies
Dec 8, 2010
i have a grid view can any one tell how to apply sorting in it
View 2 Replies
Mar 21, 2011
I set Allowsorting="true" but sorting is not working in my GridView.Here is code of aspx page:
[Code]...
View 7 Replies
Dec 14, 2010
I have a single gridview and multple objectDataSources. Based on the user's input I bind the correct objectDataSource to the gridview in the OnClick handler when they click 'search'. ThegridView/ObjectDataSource have customPaging enabled and all that works, but I can't get the sorting to work. The sorting works when I have 1 ODS dedicated to 1 GV, but since it is set on the fly, no dice. It complains that I need to have a 'GridView1_Sorting' event. I think the answer lies in some how sorting the data inside of the ODS programmatically, but I don't know.
View 4 Replies
