.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

Gridview view changed on click

Posted By:      Posted Date: October 22, 2010    Points: 0   Category :ASP.Net

 Need to have the ability to change the view of my gridview based on button click, the easiest i can describe what im trying to do and need is if you have every been on any e-comm site where you get a list of items presented to you.. normally you may get a thumbnail, description and price.. but at the top of that list you get the option to view it as a list with no thumbnails and so on..


Is gridview the best control to be using if i want to do that? example of what im needing is similar to walmart.com

if you search for a product doesnt matter, when the results are presented to you, you have it in what they call "List View", but you have the option to view it in "Grid View", not sure if they are actually using listview and gridview controls.. but i want the same end results..

What would i use or what can i search on to accomplish the same thing.



View Complete Post

More Related Resource Links

GridView Parent Child View with JQuery Effects

I was just checked how to add some more cool effects to the GridView control using JQuery. In this post I will display parent-child data in the GridView control with some help of the wonderful JQuery library.

Let's first populate the GridView control.

GridView Javascript Click Row and Ajax

This article shows 2 common tasks with the ASP.NET GridView: Binding a List (generic) of objects as DataSource and on clicking a row, getting the values of the selected row by a javascript function. In the example a List with User-objects is displayed. On clicking a row containing the data of a User-object, the Id of the object is used to get the address of the user by an Ajax-call and display it in a details-field.

Custom Grid View Header - Grid view Row Created event vs Gridview row databound events ?


Hi Gurus ,

It happened to add an extra Gridveiw Header in row_databound event , It did worked fine on !Postback but disappered on Page.Postback . Quick google search guided me to move the event to Row_Created event and every thing is okay .

Can any expert post some pointers , differnces between grid row_created vs row_databount with some sample table data created dynamically  behaviour of both the events in !Postback and page.Postback .

Thanks a tonne in Advance and  any inputs will be valued and appreciated .

Dynamically creating Gridview Template - Linkbutton Click not working



I have written some code to dynamically generate template columns for gridview which works well. However, each cell in the gridview has to be a linkbutton, which when clicked does a db update and redirects to a specific url with some parameters in it.

I have attached a click event handler to the linkbutton in the InstantiateIn method but the event does not seem to fire.

Could someone please help? the code is below -

//Dynamically creating the Grid

protected void btnAnalyze_Click(object sender, EventArgs e)

When i click on any other folder in the document library that will navigate to default view of DL?



I have document library with having some folder in the same ,i have displayed my library in the page as Treeview, so when i click on any of the folder in the library i need to navigate allitems.aspx page i.e default view page of the document library ,the document library having views.Suppose when i am in other view i have selected folder from library treeview folder is changing but view not navigate to default view.

pls help 


When the user want click on document library that should be navigate default view



I have document library which is having folders,the document library i have displayed as tree view in the left side of the page.

Here Document library having views,suppose i have selected one view on the document library it is navigating the particular view that is good but when i am trying to click document library folder still the page in same view do not navigate the default view .

I need when ever i click on any of the folder in document library that should navigate defualt view ,could you please help me on this.

Really its need urgent...


Alert popup on Gridview Textbox Click

Hi,I am trying to make a Javascript Alert appear when someone clicks on a textbox that is part of a Gridview. the textbox is an Item template and I have an onclick="NotePopup()" in the TextBox properties. I am having trouble grabbing the correct ID of the text box, because it is nested inside a gridview. I have been looking around on Google for a solution but none of the responses are working for me.  The gridview will have multiple rows, so each textbox that could potentially be clicked will have a different ID, is there any way to pass the correct ID to the Javascript, or have the Javascript function grab the correct ID?I did use var Control = '<%= GridView1.ClientID %>';then cut and paste the ID from ViewSource of a textbox and append it to the Control Variable,  to test out the popup and it does workThanks for your helpChris

Gridview and delete option - Button click displays message

Hi, I have a gridview connected to a sql database that allows the user to delete the record. I used the ASP.net automatic "options" for this. However, I would like when the user deletes a record, a message (textbox) appears in the form to say the record has been deleted. Please can anyone provide some sample codes?   Thanks in advance. Nijojo.

Update a field in a gridview to False on a Button Click

 Hi, Ive got a list of records in a gridview (from an SQLDataSource) where a field value is set to True.  I've also added a "reset" button in a template field at the start of the row in the Gridview. What I would like to do is allow the user to click the reset button on a particular row and 'reset' the true value to 'false' (updating the source data). Are there any idiot proof tutorials to do this??? Many thanks for your help! Fiorano

Checkbox checked changed event inside gridview

Hi All, In my gridview there are 8 checkboxex in each row : 'Sunday' to 'Saturday' and one for 'All'. If 'All' is checked in a particular row, all other checkboxes in that row should be checked instantly, and viserversa. Can i do this in checkbox checked_changed event, if so how do i access the current row of the gridview in the checked changed event? Thanks in advance

Build xml file from gridview values on button click

We are looking to add GoogleMaps to our application. With that said we are going to be using the geocoding api to pass in the lat and long values to pin point locations on the the map. Reading thru the documentation we can pass in the values via XML, so we would like to see how we can take the lat and long values from our gridview and pass that to the API if and when somone clicks on the button to show the map.. The process will work like so, you arrive at the search page, you complete a search, in most if not all cases, you will always get multiple results presented in a gridview. If you should to view them all on the map, you click button and it needs to map out each location on the map. So is there anyway to pull from the gridview the lat, long and description to pass into the API?   Any links to sites that i can review would be great. thanks. 

Gridview attribute changed by javascript is lost on postback

I have a gridview control that extends the default gridview.  I have added an attribute called "hiddenSelectedValues" to to the gridview during the "PreRender" event and I have a private variable that points to the value of that attribute. I have some javascript code that modifies the value of this attribute based on the user checking or unchecking checkboxes in the grid.  I have confirmed that the javascript is indeed modifying the value of the "hiddenSelectedValues" attribute by using Firebug to see the change as it happens. However, once a postback occurs, the grid looses the updated value of this attribute and I am unable to reference get the updated value on the server side. How do I keep the value of an attribute changed by javascript on postback?

gridview and textbox changed event



i have a textbox changed event i am calling this event  when textbox  value changed.

this textbox is inside gridviews Itemtemplate

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" OnRowUpdating="Update_Schedule"
                    OnRowDeleting="Delete_Schedule" OnPageIndexChanging="OnPaging" OnRowEditing="Edit_Schedule"
                    OnRowCancelingEdit="CancelEdit" PageSize="10">
                                <asp:Label Text='<%# Eval("Title") %>' runat="server" ID="lbl1"></asp:Label>
                                <asp:TextBox ID="txtTitle" Text='<%# Eval("Title") %>' runat="server"></asp:TextBox>

Send values to parent window on gridview click event


Hello all,

I have a form, which contains 2 textboxes. When i click on the first textbox, i have to open a child window (tool), that contains a gridview control with 2 columns (corresponding to the 2 textboxes). When the user clicks on any row in the gridview, it should send back the 2 column values back to the parent window to the corresponding 2 textboxes. Can anyone help me on how do i achieve this?

I can open the child window and get back the values using window.opener method in JS. 

But can anyone help on how to bind the JS code to the onClick of every row in the gridview. How can i activate the OnClick event of every row/alternating row item of the gridview and bind the JS code and pass each column value to that JS method? The no of columns in the gridview can vary depending upon the data? So in that case, i have to have a collection to be passed to JS code that can contain n number of column values.

Please help.

GridView go to top of page when page is changed using bottom pager


I have a grid view where the user can change pages at either the top or the bottom of the grid view. 

I want the view to go back to the top whenever a user changes the page, whether they are changing from the top or the bottom.  I've tried using anchors and javascript to achieve this but it does not work.  The javascript is executed and the user is taken to the top of the gridview, this can be seen by placing an alert after the javascript to change the view.  But the last thing that happens on the page change is that the window is returned to it's previous position (the bottom of the page).  Is there any way of doing this?

>>>Click in GridView row item.<<<



I want to click in gridview row ITEM and it will show the result in next page.

For this purpose I used following code in my previous project but the code used in aspx.net.

That is very complicated.

Anyone have idea that how we may write same in vb.net and in which event?

<asp:TemplateField HeaderText="Total Pending">
               <asp:HyperLink ID="Pending_today" runat="server" NavigateUrl='<%# string.Format("PendingToday.aspx?Department={0}&Final_section={1}&Section={2}&Statement_Date={3}&Sr_Date={4}", Server.UrlEncode(Eval("Department").ToString()), Server.UrlEncode(Eval("Final_section").ToString()), Server.UrlEncode(Eval("Section").ToString()), Server.UrlEncode(Eval("Statement_Date").ToString()), Server.UrlEncode(Eval("Sr_Date").ToString()) ) %>' Text='<%#Eval("Pending_today")%>'/>
        <HeaderStyle Width="60px" Wrap="False" />
   <ItemStyle Width="60px" Wrap="False" />
  <ControlStyle Font-Underline="False" ForeColor="Blue&

On GridView Click, populate other controls with column values


Hello team,

I have 5 controls on the page - textbox, radiobutton, listbox, checkbox, and any other one more. And i have a grid. The grid has 5 corresponding columns. I have to make the grid row clickable, and on the click, i have to populate my 5 controls with each of the corresponding grid column values.

Please let me know how can i make it. I know that i can make the grid clickable, by setting the e.row.attribute.add("OnClick", "javascript:return passValues();");. In this case, all the value passing will happen in javaScript. Is this the correct way? I have yet to try implementing this, not sure if there will be any issues.

Before that wanted to know if there is any other approach to achieve this. Please help!

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