Hello
i have refer to the link above which you have mentioned, from that i have created this sample
.download the project from this link
http://www.aspsnippets.com/Articles/Get-ASPNet-GridView-Row-and-its-RowIndex-when-clicked-using-JavaScript.aspx
and make replace these...
HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function GetSelectedRow(lnk) {
var row = lnk.parentNode.parentNode;
var rowIndex = row.rowIndex - 1;
var customerId = row.cells[0].getElementsByTagName("span")[0].innerHTML;
var city = row.cells[1].getElementsByTagName("input")[0].value;
row.style.backgroundColor = "#FF0000";
alert("RowIndex: " + rowIndex + " CustomerId: " + customerId + " City:" + city);
return false;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ListView ID="lvDemo" runat="server" OnSelectedIndexChanging="ListView1_SelectedIndexChanging">
<LayoutTemplate>
<table border="0" cellpadding="1">
<tr style="background-color: #E5E5FE">
<th align="left">
CustomerID
</th>
<th align="left">
City
</th>
<th align="left">
</th>
</tr>
<tr runat="server" id="itemPlaceholder" />
</table>
</LayoutTemplate>
<ItemTemplate>
<tr runat="server">
<td runat="server">
<asp:Label ID="lblCustomerID" runat="server" Text='<%# Eval("CustomerID") %>'></asp:Label>
</td>
<td id="Td1" runat="server">
<asp:TextBox ID="txtCity" runat="server" Text='<%# Eval("City") %>'></asp:TextBox>
</td>
<td id="Td2" runat="server">
<asp:LinkButton ID="lnkSelect" runat="server" Text="Select" CommandName="Select"
OnClientClick="return GetSelectedRow(this)" />
</td>
</tr>
</ItemTemplate>
</asp:ListView>
<asp:DataPager ID="DataPagerProducts" runat="server" PagedControlID="lvDemo"
PageSize="10" OnPreRender="DataPagerProducts_PreRender">
<Fields>
<asp:NextPreviousPagerField ShowFirstPageButton="True" ShowNextPageButton="False" />
<asp:NumericPagerField />
<asp:NextPreviousPagerField ShowLastPageButton="True" ShowPreviousPageButton="False" />
</Fields>
</asp:DataPager>
</form>
</body>
</html>
C#:
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
this.PopulateListView();
}
}
protected void ListView1_SelectedIndexChanging(object sender, ListViewSelectEventArgs e)
{
this.lvDemo.SelectedIndex = e.NewSelectedIndex;
}
protected void DataPagerProducts_PreRender(object sender, EventArgs e)
{
this.PopulateListView();
}
private void PopulateListView()
{
DataSet ds = new DataSet();
ds.ReadXml(Server.MapPath("~/Customers.xml"));
lvDemo.DataSource = ds;
lvDemo.DataBind();
}
Thanks