Pass value to Jquery function from code behind

Question

I am using Jquery progress bar control on asp.net form to show the percentage of completed work for inspector. Here is the client side function for progress bar.

    <script>
        $(function () {
            $("#progressbar").progressbar({
                value: 37
            });
        });
    </script>

    <form id="form1" runat="server">
       <div id="progressbar"></div>
    </form>

Is there any way to set progress bar value from code behind page? Values are read from database.

look at this : http://stackoverflow.com/questions/5656328/passing-value-from-code-behind-to-javascript — user1089766, Nov 10 '14 at 12:40

Saravana Kumar · Answer 1 · 2014-11-10T12:43:07.467

You can use registerstartupscript to inject the script from ASP.NET code behind files.

myScript = "\n<script type=\"text/javascript\" language=\"Javascript\" id=\"EventScriptBlock\">\n";
        myScript += "ShowProgressBar(35);"; //35 is dynamic value
        myScript += "\n\n </script>";
     Page.ClientScript.RegisterStartupScript(this.GetType(), "myKey", myScript, false);

JavaScript Code

function ShowProgressBar(value) 
{
    $("#progressbar").progressbar({
         value: value
     });
 }

score 0 · Accepted Answer · answered Nov 10 '14 at 12:38

Try below steps

First set the DB value to hidden field on page load. like (HiddenFieldID.value="37" // from DB)
Use the hidden field value to set the value to progress bar in js function as below.

$(function () { $("#progressbar").progressbar({ value: $("#<%= HiddenFieldID.ClientID %>").val(); }); });

score 0 · Answer 3 · edited Nov 10 '14 at 13:28

0

You may want to try:

ScriptManager.RegisterClientScriptBlock(Me.Page, Me.Page.GetType(), "progressbar", "ShowProgressBar("+ 35 +");", True)

edited Nov 10 '14 at 13:28

Dave

434
5
22

answered Nov 10 '14 at 13:11

Shankaranand

67
9

Pass value to Jquery function from code behind

3 Answers3