Change a Javascript variable value from code behind

Question

I have this javascript code:

<script>
$(document).ready(function() {
    var progValue1 = 100;
    var progValue2 = 30; 
    $("#progressbar").progressbar({ value: progValue1});
    $("#progressbar2").progressbar({ value: progValue2 });
});
</script>

I would like to change the values of the two variables (progValue1 and progValue2) from the code behind when a button is clicked .....

This is the code for the button

<asp:Button ID="btnConfirm" CssClass="button" SkinID="Common" runat="server" Text=  "Confirm" OnClick="btnConfirm_Click" />

How can I change those values from the C# code for the btnConfirm method?

@PranayRana i just marked the answer that worked for me... is that what you wanted to know? — Monzir
– Monzir, Commented Aug 1, 2012 at 10:27

Chris Gessler · Accepted Answer · 2012-08-01 10:12:22Z

9

Add two properties, i.e.

private int _progValue1 = 100;
private int _progValue2 = 30;

protected int ProgValue1 { get { return this._progValue1; }}
protected int ProgValue2 { get { return this._progValue2; }}

Modify your JS:

<script>   
  $(document).ready(function() {   
    var progValue1 = <%=ProgValue1%>;   
    var progValue2 = <%=ProgValue2%>;    
    $("#progressbar").progressbar({ value: progValue1});   
    $("#progressbar2").progressbar({ value: progValue2 });   
  });   
</script>

Then set the values in your OnClick event handler:

this._progValue1 = 40;
this._progValue2 = 20;

edited Aug 1, 2012 at 10:12

answered Aug 1, 2012 at 10:05

Chris Gessler

23.2k8 gold badges59 silver badges86 bronze badges

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

2 Comments

Monzir Over a year ago

i changed this a bit to "set" otherwise it was giving me a error.... public int ProgValue1 { get { return this._progValue1; } set { _progValue1 = value; } } public int ProgValue2 { get { return this._progValue2; } set { _progValue2 = value; } }

Chris Gessler Over a year ago

@riznomdemha - sorry about that, I corrected my code but you can use setters as well. Same difference.

Umesh · Accepted Answer · 2012-08-01 10:01:15Z

1

What I assume from your query that you want to change the value of Javascript variable from code behind means, you want to send value from code behind to javascript. You can use ScriptManager.RegisterClientScriptBlock to achieve this. To more elobrate, see the code below:

JS

function ChangeValue(value1)
{
   yourvariable = value1;
}

Code Behind

private void SomeMethod()
{
   string newvalue = "test value"; //need to pass this to JS var
   ScriptManager.RegisterClientScriptBlock(this,typeof(Page),"key","ChangeValue("+ newvalue +");",true);
}

answered Aug 1, 2012 at 10:01

Umesh

2,74221 silver badges24 bronze badges

Comments

Meysam Ghorbani · Accepted Answer · 2018-04-22 11:18:41Z

0

$(function () {
        var progValue1 = parseInt('<%=ProgValue1%>');
        $("#progressbar").progressbar({ value: progValue1 });
    });


private int _progValue1 = 1;

    protected int ProgValue1
    {
        get
        {
            return _progValue1;
        }
    }

answered Apr 22, 2018 at 11:18

Meysam Ghorbani

754 bronze badges

Collectives™ on Stack Overflow

Change a Javascript variable value from code behind

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related