How to call Javascript function from server side asp.net

Question

I have a Textbox in GridView I want to change the Label.Text if the text in Textbox is changed. But I am not able call javascript function written in .cs page. Is there any mistake in TbUnitCost_TextChanged method.

This is my aspx page

<ItemTemplate>
  <asp:TextBox Style="text-align: right" ID="TbUnitCost" runat="server" Width="80px" Text='<%#Bind("Unit_Cost")%>' AutoPostBack="true" OnTextChanged="TbUnitCost_TextChanged"  TextMode="Number"></asp:TextBox>
 </ItemTemplate>

Code behind Page is as follows

 protected void TbUnitCost_TextChanged (object sender, EventArgs e)
    {
        GridViewRow currentRow = (GridViewRow)((TextBox)sender).Parent.Parent;
        int rowNo = currentRow.RowIndex;
        string gridName = "GridWorkExpenses";
        TextBox tbunitCost = (TextBox)currentRow.FindControl("TbUnitCost");
        int row = Convert.ToInt32(tbunitCost.Text);

        tbunitCost.Attributes.Add("onchange","javascript:calculateTotalCost('"+rowNo+"','"+gridName+"');");

    }

and javascript Function is:

<script type ="text/javascript">
    function calculateTotalCost(rowNo, GridName) {                        

        if (GridName== 'GridWorkExpenses') {
            var rowscount = document.getElementById('<%=GridWorkExpensesSheet.ClientID%>').rows.length;
            return calculateTotalUnitCost("GridWorkExpensesSheet", rowscount,rowNo);
        }
   }
 </script>

Not clear.. What exactly you want to achieve? do you want to change it from client side or server side? You have set AutoPostBack="true" , that means page will be submitted to server , I guess on events like OnItemDataBound you can attach the javascript call, make AutoPostBack="false" — Satyaki Chatterjee
– Satyaki Chatterjee, Commented Feb 23, 2016 at 6:16
Can't I call javascript function using Textbox.Attributes.Add() method? — ashT
– ashT, Commented Feb 23, 2016 at 6:18
Why are you calling it from server side? You can do it on Js onchange event. — Vivek Mishra
– Vivek Mishra, Commented Feb 23, 2016 at 7:06

TalhaAhmed · Accepted Answer · 2016-02-23 06:25:00Z

2

Try using this:

ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "Script", "CalculateTotalCost", true);

Describe any further problem (if there is any).

answered Feb 23, 2016 at 6:25

TalhaAhmed

701 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 10:28:05Z

0

ScriptManager.RegisterStartupScript(this, this.GetType(), "Script", "<script type='text/javascript'>CalculateTotalCost</script>", false);

is another method

This is a very old discussion [1]:Difference between RegisterStartupScript and RegisterClientScriptBlock?

Please refer this too.

edited May 23, 2017 at 10:28

CommunityBot

11 silver badge

answered Feb 23, 2016 at 6:45

Bhavana

3112 silver badges12 bronze badges

Comments

pst · Accepted Answer · 2016-02-23 08:49:55Z

0

hi you must write all of command in the one string

 ScriptManager.RegisterClientScriptBlock((sender as Control), GetType(), "jQueryCommand", "$('.MenuLoginLink').hide();$('.MenuUsername').show();$('.MenuUsername').text('" + Currentmember.Mobile  + "');$('.MenuExit').show();" +
                " $('.btnLoginInFriends').hide();$('#HiddenSession').val('" + int.Parse(Session["CurrentUserID"].ToString()) + "');", true);

answered Feb 23, 2016 at 8:49

pst

491 gold badge2 silver badges10 bronze badges

Collectives™ on Stack Overflow

How to call Javascript function from server side asp.net

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related