multiplication of two text box value and show it at label which are dynamically created

Question

0.00/5 (No votes)

See more:

hi..

i want to multiply two textbox value n wanna show it at label using jquery..but these label are created dynamically...so i cant get label id...how do i execute this total ??

Code:

C#

function Sum() {
          debugger;
          var text1 = document.getElementById('<%=txtRebate.ClientID %>');
          alert(text1.value);
          var text2 = document.getElementById(txtSales).value;
          alert(text2.value);
                if (document.getElementById("txtRebate").value == "" || document.getElementById("txtSales").value == "") {
                document.getElementById("lblRebate").innerHTML = "";
                alert('txtRebate and txtSales should not be empty');
            }
            else
            {

                        var x = parseFloat(text1);
                        var y = parseFloat(text2);
                        document.getElementById("lblRebate").innerHTML = ((x * y)/100).toString();
                }
                }

please help me out...

Posted 4-Dec-13 20:15pm

Member 10276220

Updated 4-Dec-13 22:06pm

JoCodes

v3

Add a Solution

Comments

Omprakash Kukana 5-Dec-13 3:32am

assign a id dynamiclly to the labe and then you can do it easily

Member 10276220 5-Dec-13 3:40am

label is dynamically created inside a gridview...so how to set id dynamically??

Omprakash Kukana 5-Dec-13 4:01am

var rowIndex = int.Parse(e.CommandArgument)
GridView1.Rows[rowIndex].FindControl("id")

Karthik_Mahalingam 5-Dec-13 3:35am

add your code...

Add more information.. pls

Member 10276220 5-Dec-13 3:39am

this is my code....

function Sum() {
debugger;
var text1 = document.getElementById('<%=txtRebate.ClientID %>');
alert(text1.value);
var text2 = document.getElementById(txtSales).value;
alert(text2.value);
if (document.getElementById("txtRebate").value == "" || document.getElementById("txtSales").value == "") {
document.getElementById("lblRebate").innerHTML = "";
alert('txtRebate and txtSales should not be empty');
}
else
{

var x = parseFloat(text1);
var y = parseFloat(text2);
document.getElementById("lblRebate").innerHTML = ((x * y)/100).toString();
}
}

JoCodes 5-Dec-13 4:12am

Is your label inside the itemtemplate of gridview or you have only creating label once to show label in footertemplate with has the total ?

Member 10276220 5-Dec-13 4:43am

label is inside the gridview and these are created dynamically

JoCodes 5-Dec-13 5:00am

What you meant by txtSales dynamcilly ?Means you are adding that textbox from codebehind ? since I can see in one of the below you have put the textbox in the gridview as template field ? can you add the dynamic control creation code here so that it can be more clear to suggest a solution

Member 10276220 5-Dec-13 5:08am

this is gridview design:
<asp:GridView ID="grdview" runat="server" AutoGenerateColumns="false"
ShowFooter="true" Width="600px" OnRowDataBound="grdview_RowDataBound"
onrowcommand="grdview_RowCommand" >

<%--OnRowCommand="grdview_RowCommand"--%>

<columns> <%--<asp:BoundField DataField="RowNumber" HeaderText="Row Number" onkeyup="automember(this)" />--%>
<asp:TemplateField HeaderText="Member Name">
<itemtemplate>
<%--<edititemtemplate>--%>
<asp:TextBox ID="txtmember" runat="server" CssClass="abc" AutoPostBack="true" onkeyup="automember(this)">
<%-- <edititemtemplate>--%>

<asp:TemplateField HeaderText="Sales Amount">
<itemtemplate>
<asp:TextBox ID="txtSales" runat="server" CssClass="txt" OnChange="Sum()">
<%--OnChange="Sum()"--%>

<asp:TemplateField HeaderText="100% Rebate">
<itemtemplate>
<%--<asp:TextBox ID="txtRebate" runat="server">--%>
<asp:Label ID="lblRebate" runat="server">

<footerstyle horizontalalign="Right">
<footertemplate>

<asp:TemplateField>
<itemtemplate>

<asp:Button ID="btnfmadd" runat="server" CommandName="Add" Text="+" Height="30px" Width="30px"
/>
<asp:Button ID="btnfm" runat="server" Text="-" Height="30px" Width="30px" CommandName="Sub"
/>

dynamic row create:

protected void SetInitialRow()
{
DataTable dt = new DataTable();
DataRow dr = null;
//dt.Columns.Add(new DataColumn("RowNumber", typeof(string)));

dt.Columns.Add(new DataColumn("Column1", typeof(string)));
dt.Columns.Add(new DataColumn("Column2" , typeof(string)));
dt.Columns.Add(new DataColumn("Column3", typeof(string)));
dt.Columns.Add(new DataColumn("Column4" , typeof(string)));
for (int i = 0; i < 10; i++)
{

dr = dt.NewRow();
//dr["RowNumber"] = 1;
//dr["Column1"] = string.Empty;
//dr["Column2"] = string.Empty;
//dr["Column3"] = string.Empty;
//dr["Column4"] = string.Empty;
dt.Rows.Add(dr);
}

ViewState["CurrentTable"] = dt;

grdview.DataSource = dt;
grdview.DataBind();
}

protected void grdview_RowCommand(object sender, GridViewCommandEventArgs e)
{
if (e.CommandName == "Add")
{

int rowIndex = 0;

if (ViewState["CurrentTable"] != null)
{
DataTable dtCurrentTable = (DataTable)ViewState["CurrentTable"];
DataRow drCurrentRow = null;
if (dtCurrentTable.Rows.Count > 0)
{
for (int i = 1; i <= dtCurrentTable.Rows.Count; i++)
{

TextBox box1 = (TextBox)grdview.Rows[rowIndex].Cells[0].FindControl("txtmember");

TextBox box2 = (TextBox)grdview.Rows[rowIndex].Cells[1].FindControl("txtSales");
Label box3 = (Label)grdview.Rows[rowIndex].Cells[2].FindControl("lblRebate");
Button box4 = (Button)grdview.Rows[rowIndex].Cells[3].FindControl("btnfmadd");
Button box5 = (Button)grd

Member 10276220 5-Dec-13 5:15am

dynamic row create....

protected void SetInitialRow()
{
DataTable dt = new DataTable();
DataRow dr = null;
dt.Columns.Add(new DataColumn("Column1", typeof(string)));
dt.Columns.Add(new DataColumn("Column2" , typeof(string)));
dt.Columns.Add(new DataColumn("Column3", typeof(string)));
dt.Columns.Add(new DataColumn("Column4" , typeof(string)));
for (int i = 0; i < 10; i++)
{

dr = dt.NewRow();
dt.Rows.Add(dr);
}

ViewState["CurrentTable"] = dt;

grdview.DataSource = dt;
grdview.DataBind();
}

protected void grdview_RowCommand(object sender, GridViewCommandEventArgs e)
{
if (e.CommandName == "Add")
{

int rowIndex = 0;

if (ViewState["CurrentTable"] != null)
{
DataTable dtCurrentTable = (DataTable)ViewState["CurrentTable"];
DataRow drCurrentRow = null;
if (dtCurrentTable.Rows.Count > 0)
{
for (int i = 1; i <= dtCurrentTable.Rows.Count; i++)
{

TextBox box1 = (TextBox)grdview.Rows[rowIndex].Cells[0].FindControl("txtmember");

TextBox box2 = (TextBox)grdview.Rows[rowIndex].Cells[1].FindControl("txtSales");
Label box3 = (Label)grdview.Rows[rowIndex].Cells[2].FindControl("lblRebate");
Button box4 = (Button)grdview.Rows[rowIndex].Cells[3].FindControl("btnfmadd");
Button box5 = (Button)grdview.Rows[rowIndex].Cells[3].FindControl("btnfm");

drCurrentRow = dtCurrentTable.NewRow();
dtCurrentTable.Rows[i - 1]["Column1"] = box1.Text;
dtCurrentTable.Rows[i - 1]["Column2"] = box2.Text;
dtCurrentTable.Rows[i - 1]["Column3"] = box3.Text;
rowIndex++;
}

dtCurrentTable.Rows.Add(drCurrentRow);
ViewState["CurrentTable"] = dtCurrentTable;

grdview.DataSource = dtCurrentTable;
grdview.DataBind();
}
}
}
if (e.CommandName == "Sub")
{
DataTable dt = (DataTable)ViewState["CurrentTable"];
int count = dt.Rows.Count;
if (count > 10)
{
dt.Rows[count - 1].Delete();
}
ViewState["CurrentTable"] = dt;

grdview.DataSource = dt;
grdview.DataBind();
}
}

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Karthik_Mahalingam · Answer 1 · 2013-12-04T22:00:00

Solution 3

Hi
Try this code.
Written in JQuery..

XML

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="POC.test" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <script src="jquery-1.10.2.js" type="text/javascript"></script>
    <title></title>
    <script type="text/javascript">

        function Sum(thisctrol) {


            var $row = $(thisctrol).parent().parent();
            var Rebate = $("[id*='txtRebate']", $row).val();
           var Sales = $("[id*='txtSales']", $row).val();

            if (Rebate == '' || Sales == '') {
                alert('txtRebate and txtSales should not be empty');
                $("[id*='lblRebate']", $row).html('');
            }
            else {
                var x = parseFloat(Rebate);
                var y = parseFloat(Sales);
                $("[id*='lblRebate']", $row).html((x * y) / 100);
            }
        }

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:GridView ID="gv" runat="server">
        <Columns>
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:TextBox ID="txtRebate" onchange="Sum(this)" runat="server"></asp:TextBox>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:TextBox ID="txtSales" onchange="Sum(this)" runat="server"></asp:TextBox>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:Label ID="lblRebate" runat="server" Text="..."></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>




    </form>
</body>
</html>

Posted 4-Dec-13 22:00pm

Karthik_Mahalingam

Updated 5-Dec-13 1:36am

v2

Comments

Member 10276220 5-Dec-13 4:03am

thanx karthik mahalingam for helping me...but sales id i.e. "txtSales" is dynamically created...so i cant get the proper id...amd this code gives a error...

Karthik_Mahalingam 5-Dec-13 4:12am

check the html source for txtsales and post the name or id.. we can modify the jquery as per it.

Member 10276220 5-Dec-13 4:40am

this is gridview design:

<asp:GridView ID="grdview" runat="server" AutoGenerateColumns="false"
ShowFooter="true" Width="600px" OnRowDataBound="grdview_RowDataBound"
onrowcommand="grdview_RowCommand" >

<columns>

<asp:TemplateField HeaderText="Member Name">
<itemtemplate>

<asp:TextBox ID="txtmember" runat="server" CssClass="abc" AutoPostBack="true" onkeyup="automember(this)">

<asp:TemplateField HeaderText="Sales Amount">
<itemtemplate>
<asp:TextBox ID="txtSales" runat="server" CssClass="txt" OnChange="Sum()">

<asp:TemplateField HeaderText="100% Rebate">
<itemtemplate>
<%--<asp:TextBox ID="txtRebate" runat="server">--%>
<asp:Label ID="lblRebate" runat="server">

<footerstyle horizontalalign="Right">
<footertemplate>

<asp:TemplateField>
<itemtemplate>

<asp:Button ID="btnfmadd" runat="server" CommandName="Add" Text="+" Height="30px" Width="30px"
/>
<asp:Button ID="btnfm" runat="server" Text="-" Height="30px" Width="30px" CommandName="Sub"
/>

this is jquery....

function Sum() {
debugger;
var text1 = document.getElementById('<%=txtRebate.ClientID %>');
alert(text1.value);
var text2 = document.getElementById(txtSales).value;
alert(text2.value);
if (document.getElementById("txtRebate").value == "" || document.getElementById("txtSales").value == "") {
document.getElementById("lblRebate").innerHTML = "";
alert('txtRebate and txtSales should not be empty');
}
else
{

var x = parseFloat(text1);
var y = parseFloat(text2);
document.getElementById("lblRebate").innerHTML = ((x * y)/100).toString();
}
}

Karthik_Mahalingam 5-Dec-13 4:47am

can u send the html file from browser view source...

Member 10276220 5-Dec-13 5:19am

element.style {
}
html, body, input, select, textarea {
font-size: 12px;
}
html {
}
html, body, table, tr, td, h1, h2, h3, h4, h5, input, select, p, textarea {
margin: 0px;
padding: 0px;
font-family: 'Segoe UI', 'Tahoma', 'Arial', 'Open Sans', open-sans, 'Source Sans Pro', MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', 'Lucida Grande', 'Droid Sans', Ubuntu, sans-serif;
}
user agent stylesheethtml {
display: block;
}
Pseudo ::-webkit-file-upload-button element
::-webkit-scrollbar {
width: 8px;
height: 4px;
}
Pseudo ::-webkit-input-placeholder element
::-webkit-scrollbar-thumb {
background: #999;
border: thin solid gray;
border-radius: 10px;
}
Pseudo ::-webkit-slider-thumb element
::-webkit-scrollbar-button {
width: 8px;
height: 5px;
}
Pseudo ::-webkit-search-cancel-button element
::-webkit-scrollbar-track {
background: #eee;
border: thin solid lightgray;
box-shadow: 0px 0px 3px #dfdfdf inset;
border-radius: 10px;
}

Karthik_Mahalingam 5-Dec-13 6:45am

this is css file..

Member 10276220 5-Dec-13 7:16am

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head id="Head1"><link id="Link1" href="Theme/Purple/main.css" rel="stylesheet" type="text/css" /><title>
Evergreen Marketing
</title>

<link href="Scripts/css/jquery.autocomplete.css" rel="stylesheet" type="text/css" />

<style type="text/css">
.auto-style2 {
height: 22px;
}
.auto-style3 {
width: 315px;
}
.auto-style5 {
width: 326px;
}
.auto-style6 {
width: 330px;
}
.auto-style7 {
width: 351px;
}
#div3
{
height: 126px;
width: 1019px;
}
.style1
{
width: 573px;
height: 33px;
}
.style2
{
width: 210px;
height: 33px;
}
.style4
{
height: 28px;
}
.style5
{
height: 29px;
}
.style6
{
width: 123px;
height: 27px;
}
.style7
{
width: 522px;
height: 27px;
}
.style9
{
width: 129px;
height: 27px;
}
.style11
{
height: 23px;
}
.style13
{
height: 65px;
width: 563px;
}
.style19
{
width: 123px;
height: 65px;
}
.style20
{
height: 23px;
width: 129px;
}
.style21
{
width: 120px;
height: 65px;
}
</style>

</head>
<body>
<form method="post" action="InputSheet.aspx" onsubmit="javascript:return WebForm_OnSubmit();" önkeypress="javascript:return WebForm_FireDefaultButton(event, 'SwallowSubmitButton')" id="form1" enctype="multipart/form-data">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEyNDk0NTE0NTUPFgIeDEN1cnJlbnRUYWJsZTLTEQABAAAA/////wEAAAAAAAAADAIAAABOU3lzdGVtLkRhdGEsIFZlcnNpb249NC4wLjAuMCwgQ3VsdHVyZT1uZXV0cmFsLCBQdWJsaWNLZXlUb2tlbj1iNzdhNWM1NjE5MzRlMDg5BQEAAAAVU3lzdGVtLkRhdGEuRGF0YVRhYmxlAwAAABlEYXRhVGFibGUuUmVtb3RpbmdWZXJzaW9uCVhtbFNjaGVtYQtYbWxEaWZmR3JhbQMBAQ5TeXN0ZW0uVmVyc2lvbgIAAAAJAwAAAAYEAAAAoAc8P3htbCB2ZXJzaW9uPSIxLjAiIGVuY29kaW5nPSJ1dGYtMTYiPz4NCjx4czpzY2hlbWEgeG1sbnM9IiIgeG1sbnM6eHM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDEvWE1MU2NoZW1hIiB4bWxuczptc2RhdGE9InVybjpzY2hlbWFzLW1pY3Jvc29mdC1jb206eG1sLW1zZGF0YSI+DQogIDx4czplbGVtZW50IG5hbWU9IlRhYmxlMSI+DQogICAgPHhzOmNvbXBsZXhUeXBlPg0KICAgICAgPHhzOnNlcXVlbmNlPg0KICAgICAgICA8eHM6ZWxlbWVudCBuYW1lPSJDb2x1bW4xIiB0eXBlPSJ4czpzdHJpbmciIG1zZGF0YTp0YXJnZXROYW1lc3BhY2U9IiIgbWluT2NjdXJzPSIwIiAvPg0KICAgICAgICA8eHM6ZWxlbWVudCBuYW1lPSJDb2x1bW4yIiB0eXBlPSJ4czpzdHJpbmciIG1zZGF0YTp0YXJnZXROYW1lc3BhY2U9IiIgbWluT2NjdXJzPSIwIiAvPg0KICAgICAgICA8eHM6ZWxlbWVudCBuYW1lPSJDb2x1bW4zIiB0eXBlPSJ4czpzdHJpbmciIG1zZGF0YTp0YXJnZXROYW1lc3BhY2U9IiIgbWluT2NjdXJzPSIwIiAvPg0KICAgICAgICA8eHM6ZWxlbWVudCBuYW1lPSJDb2x1bW40IiB0eXBlPSJ4czpzdHJpbmciIG1zZGF0YTp0YXJnZXROYW1lc3BhY2U9IiIgbWluT2NjdXJzPSIwIiAvPg0KICAgICAgPC94czpzZXF1ZW5jZT4NCiAgICA8L3hzOmNvbXBsZXhUeXBlPg0KICA8L3hzOmVsZW1lbnQ+DQogIDx4czplbGVtZW50IG5hbWU9InRtcERhdGFTZXQiIG1zZGF0YTpJc0RhdGFTZXQ9InRydWUiIG1zZGF0YTpNYWluRGF0YVRhYmxlPSJUYWJsZTEiIG1zZGF0YTpVc2VDdXJyZW50TG9jYWxlPSJ0cnVlIj4NCiAgICA8eHM6Y29tcGxleFR5cGU+DQogICAgICA8eHM6Y2hvaWNlIG1pbk9jY3Vycz0iMCIgbWF4T2NjdXJzPSJ1bmJvdW5kZWQiIC8+DQogICAgPC94czpjb21wbGV4VHlwZT4NCiAgPC94czplbGVtZW50Pg0KPC94czpzY2hlbWE+BgUAAACGCDxkaWZmZ3I6

Karthik_Mahalingam 5-Dec-13 7:36am

hicheck my updated solution..

Karthik_Mahalingam 5-Dec-13 7:39am

add jquery reference to it...

Member 10276220 5-Dec-13 9:11am

hi karthik mahalingam
this is not working...

Karthik_Mahalingam 5-Dec-13 9:21am

Pls add jquery reference to it..

http://code.jquery.com/jquery-1.10.2.min.js

download form the above link

Member 10276220 5-Dec-13 9:24am

i added it...but still its not working..

Karthik_Mahalingam 5-Dec-13 9:30am

pls post your complete aspx code and aspx.cs code... i wil try to replicate your issue..

Member 10276220 5-Dec-13 9:32am

Karthik_Mahalingam 5-Dec-13 9:36am

please use my updated solution code...

you want to sum the data inside gridview textboxes right ?????

Member 10276220 5-Dec-13 9:47am

i have two textboxes,"txtRebate" and "txtSales"...txtSales textbox is created dynamically..and the values from txtRebate & txtSales will be multiplied and show at a label

Karthik_Mahalingam 5-Dec-13 10:15am

inside gridview or outside ???

Omprakash Kukana · Answer 2 · 2013-12-04T21:35:00

Solution 2

set the id of labe which is dynmially created:

C#

Label.ID = "Label_total"

now you can put the value in this label
Label ot = new Label();
        ot.Text = "45";
        ot.Style.Add("align", "left");
        ot.Style.Add("FontSize", "20px");
        Controls.Add(ot);

Posted 4-Dec-13 21:35pm

Omprakash Kukana

Updated 4-Dec-13 21:46pm

v2

Comments

Member 10276220 5-Dec-13 3:47am

hi Omprakash Kukana...

thanx to ufor helping me...but this is not working...

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Answer 3 · 2013-12-04T21:30:00

Solution 1

While creating the Label dynamically, provide a ID.
Otherwise, you can have another new Label declared on the Page for showing the Total.

Unless you do any of the above, it is impossible to assign value to a Label.

Posted 4-Dec-13 21:30pm

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)