Forms Data Controls :: Make Gridview (3.5) Clickable?
May 21, 2010How do you make a gridview(asp.net 3.5) clickable? In other words how can I make it so that I can select a row in the grid? In fact click on any row.
View 10 RepliesHow do you make a gridview(asp.net 3.5) clickable? In other words how can I make it so that I can select a row in the grid? In fact click on any row.
View 10 RepliesI generate dynamic grids based on a count value returned from some DB tables. the code for it goes like this : I give and Id to each grid that is generated.
if (myDataList1.Count >= 1)
{
for (int i = 0; i < myDataList1.Count; i++)
{
//retrieving the exact i count from pageload
ViewState.Add("newCount", i);
//creating the dynamic grid with its corresponding gridview properties.
grvDynamic = new GridView();
grvDynamic.ID = "GridView" + (i+3);
grvDynamic.AutoGenerateColumns = false;
grvDynamic.RowCreated += GridViewRowCreated;
grvDynamic.RowDataBound += grvDynamic_RowDataBound;
//adding bound field columns to retrieve data from stored proc
BoundField metric = new BoundField();
metric.HeaderText = "Goal ";
metric.DataField = "metric";
grvDynamic.Columns.Add(metric);
BoundField mtd = new BoundField();
mtd.HeaderText = "MTD";
mtd.DataField = "value_MTD";
grvDynamic.Columns.Add(mtd);
BoundField goal = new BoundField();
goal.HeaderText = "Tier Level Achieved";
goal.DataField = "value_goal";
goal.HeaderStyle.Width = Unit.Percentage(10);
grvDynamic.Columns.Add(goal);
BoundField you1 = new BoundField();
you1.HeaderText = "Month End";
you1.DataField = "firstLevel_you";
grvDynamic.Columns.Add(you1);
BoundField you2 = new BoundField();
you2.HeaderText = "Month End";
you2.DataField = "secondLevel_you";
grvDynamic.Columns.Add(you2);
ButtonField singleClick = new ButtonField();
singleClick.CommandName = "clickHyperlink";
singleClick.Visible = false;
grvDynamic.Columns.Add(singleClick);
BoundField metricId = new BoundField();
metricId.HeaderText = "Metric Id";
metricId.DataField = "metricID";
metricId.Visible = true;
grvDynamic.Columns.Add(metricId);
//binding the gridview to data.
grvDynamic.DataSource = data;
grvDynamic.DataBind();
grvDynamic.Columns[5].Visible = false;
}
}
protected void grvDynamic_RowDataBound(object sender, GridViewRowEventArgs e)
{
//this basically gets the metric Id's of rows with the ishyperlink flag set to 'Y'. I need to make these particular cells clickable var isClickable = (from md in myDataList3 where md.IsHyperLinkFlag == 'Y' &&
md.value_MTD != null select md.metricID).ToList();
if (e.Row.RowType == DataControlRowType.DataRow)
{
// Get reference to button field in the gridview.
LinkButton _singleClickButton = (LinkButton)e.Row.Cells[5].Controls[0];
if (isClickable.Contains(Convert.ToInt32(e.Row.Cells[6].Text)))
{
e.Row.Cells[1].Style["cursor"] = "hand";
e.Row.Cells[1].Style["color"] = "blue";
e.Row.Cells[1].Style["textdecoration"] = "Underline";
e.Row.Cells[1].Attributes.Add("onClick", "window.location ='../HeaderPages/page2.aspx' ");
}
}
}
This code works perfectly fine , depending on the ishyperlink flag in the database...specific cells in the grid are made clickable and then redirected to page2.aspx My Issue: I need to capture which specific cell in which specific grid the user has clicked. store some information in sessions based on the cell clicked and use that information in page2.aspx.
I have the below code in a user control used at many places in my website.I want the whole control to behave as a hyperlink and redirect to the 'Testimonial page'.How can I accomplish it?
<div id="divRndTesti" class="testimonials-inner" runat="server" >
<asp:Repeater ID="repTesti" runat="server">
<ItemTemplate>
<p><%# Truncate(Eval("TestmlDescription").ToString(), 100, true)%></p>
<span><strong><%#Eval("UserName")%></strong>
<br /><%#Eval("UserState")%>, <%#Eval("UserCntry")%></span>
</ItemTemplate>
</asp:Repeater>
</div>
My doubt is how to make a list of titles of the news contained in a database. And this list each of the titles when clicked is redirected to a page where you will be able to view the news in full (Title, Body, Author).
What I got:
- A database containing a table with the news, every news is associated with an identification code (ex: "ID").
- A page where you will make the listing. (Ex: site / listofnews.aspx)
- I have a page that uses the method "querystring" to know what is the primarykey the news. (Ex: site/shownews.aspx?ID=12345, where "12345" is the primarykey of the news. Once it knows what is the primarykey of the news in the database, it loads each of the fields of the page (news.aspx) with
the news, this part is working ok.
- The data is retrieve using the Linq, so I receive a List of "News", the class "News" as ID, Title, Body, Author.. My doubt is how to make the listing clickable.
In php I used this method (make a list of html links, in each link the href field is changed so that the tag "id" coincides with the news):
[Code]....
How do i make the same with asp.net?
Was working fine and all of a sudden I can't click my column any more!??
Here's the code...[Code]....
I have a gridview that includes a checkbox colum (Item Tempate).I need to be able to select row but when mouse is over checkbox column it should not be clickable. Is this possible?Think of it as an Inbox type gridview where checkbox is used for deleteing messages but when you click on subject or name it will show the message. I need the same functionality.
View 7 RepliesI have big problem to make this FlashAdRotator clickable to Navigate to an URL when using a Flashfile (.swf).
I wonder if it is possible to do any basic ASP.net embedding of the FlashAdRotator to make the embedded control clickable ? I will pass a URL through Session Variables to the clickevent later to open up an URL so I beleive <a href="index.htm"></a> wont work here.
<cc1:FlashAdRotator
ID="FlashAdRotator1"
runat="server"
Height="320px"
Width="540px"
NavigateUrlField=""
onadcreated="FlashAdRotator1_AdCreated"
/>
I want to make an array of buttons. What would be the syntax to make the buttons clickable and tell it to do a specific function like copying the data to the system clipboard?
View 2 RepliesI'm using the asp.net menu control. It's working great, but I'm trying to figure out how to make the area around the text in the menu clickable? You see, some words in the menu are much longer than others, and I don't like it that the user has to move their mouse to the left to be able to click on the word in the menu just because it is shorter. Is there a way to make the entire menu item clickable? My menus are across the top of the page Left to Right, and then they drop down. And it's in that dropdown menu that the text length varies.
View 3 RepliesI am developing a movie database, in that i have autpcomplete with image feature for the users to search film titles. In that when the text box suggests the film titles with image if the user clicks the film title the title text is copied into the text box and if we click the search button then only it is redirecting to another page, my requirement is when the suggestion comes and if the user clicks a particular suggestion the page has to be redirected to another page and there i have written code to fetch details of the film from the database. I have used web service and the code is
<%@ WebHandler Language="C#" Class="Search_CS" %>
using System;
using System.Web;
using System.Data.SqlClient;
using System.Configuration;
using System.Text;
public class Search_CS : IHttpHandler {
[CODE] ...
I have a datalist with each row has two item ' code' and 'column', onmouseover datalist row i want show cursor as ' Pointer', and click of that row i want  redirect the user with value of code  to the other page .... as i am using that code value as query string .. how can  i make datalist row clickable on mouseover
Here is my datalist:
<asp:DataList ID="DataList1" runat="server" RepeatColumns="2">
<ItemTemplate>
<table border="1">
<tr>
<td style="width: 150px">
[Code] ....
I have a table being generated in an ASP.net web app. The table has 4 columns. Currently each cell of each row can be clicked to get more detailed info. However, I do not want the first and the last cell in each row to be clickable. How can I make it so that only the first second and third cell can be clicked?
Below is some of the code (from the .cs file):
if(e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.BackColor = TRADER_BACKCOLOR;
e.Row.Cells[0].Font.Bold = true;
e.Row.Attributes.Add("onmouseover", "style.backgroundColor = 'Silver'");
e.Row.Attributes.Add("onmouseout", "style.backgroundColor = '" + TRADER_HEX + "'");
e.Row.Attributes.Add("onclick", "RowClick(this, '" + e.Row.Cells[0].Text + "');");
From the .aspx file:
function RowClick(caller, id)
{
if(document.getElementById(id).style.display == "block")
{
if(last != "" && parent == id)
{
HideDetailed();
}
document.getElementById(id).style.display = "none";
}
else
{
document.getElementById(id).style.display = "block";
}
}
I have a Datalist.In the ItemTemplate I add an asp:label and an image (img). I want both controls to be clickable as one Item so I put both inside a LinkButton.The result was strange I got only the Label clickable and fire the Datalist ItemCommand event ? how to make both works as one clickable Item ?
View 5 RepliesI have a database table column consisting of text URLs [URL] In my LINQ-to-SQL-driven gridview, I want to make this a clickable link programmatically, with differing link text (e.g. "Link text"). I'm getting close but am missing some key concept. Here's the core of the .vb codebehind:
Dim dctx As New ResourceMod.ResourceModDALDataContext
Dim eleResObj = From eleRes In dctx.Resources Where eleRes.Type = "url" Select siteurl = eleRes.Website
GridView1.DataSource = eleResObj
GridView1.DataBind()
This displays the raw URL in the gridview (i.e. non-clickable). I've experimented with adding an explicit hyperlink column a la [URL](setting AutoGenerateColumns false etc.), but haven't yet figured out how to assign the asp:hyperlink Text and NavigateUrl fields with the anonymous-type object eleResObj. Using a field construct such as Text='<%# Eval("siteurl") %>' isn't working, presumably a scope issue. Is a LinqDataSource needed in this case, and if so, how would that affect the original LINQ query?
I have a GridView which is linked to the database via SqlDataSource.
What I would like to do is to make each row of a designated column clickable. Once the user has clicked on a row, the application should postback to another page to allow the user to read all the details of that row.
The effect should be as we can see in this post: if you go to "mypost", you have a list of posts and then when you click on one of them you are able to see the details of that.
I read lots of posts that are using, however, other methods such as datalist + dataset controls etc.
i want to make a single row gridview which is having 4 columns.the last column of thhe gridview contain a button... the other 3 columns are editable(text box)... now when i click the button of final column,all the datas entered into the textbox field of each column is saved into database.
View 8 RepliesOn my aspx page, I have a div which is 600px wide. Within this Div Tag is a Gridview that is binded to a datasource.The gridivew format has been themed to go with my webpage and the width has been set at 600px.On databind, the gridview shows items from a data table and there could be anything from 1 column up to 10opulated depending on the UserId.My question is how do I get the Gridview to continue to the next row if the there are to many items to show on one line.
View 3 RepliesI have a formview tied to a gridview. The formview is used for insert, delete and update. A new row gets inserted to the top of the gridview instead of the bottom. How do I make the gridview add the new row to the bottom?
View 3 RepliesI want to make an editable gridview with 4 boundfield. When a row is selected, I want to edit the value of the 2 boundfield. Can I use edit, update commandfield?. Because when I tested it, all the columns of the selected row becomes editable.
View 4 Repliesi have 2 dropdownlist and gridview. Im trying to make a link after displaying the relational data in the gridview like below But how can i get the value and combine with the link
[Code]....
this is the all of my code
[Code]....
I have one asp.net C# page in which i have gridview..
This are the url comes from database and binded in gridview
www.xxxxxx.com/A/Default.aspx
www.xxxxxx.com/B/Default.aspx
www.zzzzz.com/C/Default.aspx
what i need is i need to show this url has like this
www.xxxxxx.com/A/Default.aspx is like Test1
www.xxxxxx.com/B/Default.aspx is like Test2
www.zzzzz.com/C/Default.aspx is like Test3
if user click Test1 it will open a new browser window with www.xxxxxx.com/A/Default.aspx
if user click Test3 it will open a new browser window with www.zzzzz.com/C/Default.aspx
how to make this in gridview
I have a gridview in my page with some rows, and users are navigated to this page from another page which pass a querystring to this page. I want to scroll the page to the appropriate row upon recieved querystring in page_load() method of the page.
How can I do this ?!
I am able to put gridview inside asp:panel and scrolling works too. But the moment I down, the header of gridView scrolls above inside the panel and gets hidden.
I just want to scroll rows, not the header. How can I do that?. Following is what I am using.
On a side note, I have tried to wrap gridView in DIV but div doesn't show the scroll bars in the first load for some reason.
[code]....
how to make a gridview's header fixed and sortable. All the solutions I've seen do one or the other, but not both. If I put the header in a separate table, I don't know how to make it sort. None of the CSS options I've seen work either.
My gridview isn't anything special, but it is databound via a data accessor in c#.
Here's the grid:
[Code]....
And the code behind:
[Code]....
I can get the file(image) to display, but it displays at a size that is too large for my use. Basically, right now, I'm pointing the ImageField to the first field in the grid that contains the url of the image. I could require the user to create a smaller image of the file but that seems a little excessive. Is there any way to control the size of the column displaying the image? Here is the html, we are using LINQ to get the data that is displayed in the grid.
[Code]....