<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="jquery.min"></script>
<script type="text/javascript">
function FetchData(button) {
var row = button.parentNode.parentNode;
var label = GetChildControl(row, "txtQuantity").value;
var label1 = GetChildControl(row, "txtprice").value;
var Multi = parseFloat(label) * parseFloat(label1);
GetChildControl(row, "lblTotal").value = Multi;
return false;
};
function GetChildControl(element, id) {
var child_elements = element.getElementsByTagName("*");
for (var i = 0; i < child_elements.length; i++) {
if (child_elements[i].id.indexOf(id) != -1) {
return child_elements[i];
}
}
};
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:GridView ID="GridView" runat="server" AutoGenerateColumns="false">
<Columns>
<asp:TemplateField HeaderText = "Item">
<ItemTemplate>
<asp:Label ID="lblItem" Text='<%# Eval("Item") %>' runat="server"></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText = "Price">
<ItemTemplate>
<asp:TextBox ID="txtprice" Text='<%# Eval("Price") %>' runat="server" onkeyup="FetchData(this)" ></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText = "Quantity">
<ItemTemplate>
<asp:TextBox ID="txtQuantity" runat="server" onkeyup="FetchData(this)"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText = "Total">
<ItemTemplate>
<asp:TextBox ID="lblTotal" runat="server" Text="0"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</form>
</body>
</html>
protected void Page_Load(object sender, EventArgs e)
{
DataTable dt = new DataTable();
dt.Columns.AddRange(new DataColumn[2] { new DataColumn("Item"), new DataColumn("Price") });
dt.Rows.Add("Shirt", 200);
dt.Rows.Add("Football", 30);
dt.Rows.Add("Bat", 22.5);
GridView.DataSource = dt;
GridView.DataBind();
}