将参数从C＃传递到Jquery

Question

How do you pass a parameter from C# into the value part of instead of hard coding it with different values.

<div class="property-container">
      <input class="progress-value" type="hidden" value="17" />           
        <div class="property-title">Test</div> 
        <div class="property-progress"></div>
    </div>    

    <div class="property-container">
        <input class="progress-value" type="hidden" value="32" />
        <div class="property-title">Test 2</div> 
        <div class="property-progress"></div>
    </div>    

    <div class="property-container">
        <input class="progress-value" type="hidden" value="24" />
        <div class="property-title">Test 3</div> 
        <div class="property-progress"></div>
    </div>    

        <script type="text/javascript" >/
            $(function () {
                // loop through each 'container'
                $(".property-container").each(function () {


                    // get the value that was rendered from the model
                    var progress = parseInt($(this).children(".progress-value").val());

                    // create the progress bar with the value
                    $(this).children(".property-progress").progressbar({ value: progress });

                });
            });

        </script>

Answer 1

You can use this :

 $(this).children(".property-progress").progressbar({ value: '<%= MyValue() %>'});

And in the c# create a property :

Public string MyValue
{
  get;set;
}

Nb

If you intend to update the progressbar according to server activity - i'd suggest you to google signalR.

Answer 2

From your comments

<input class="progress-value" type="hidden" value="17" id="Test" /> 
In c# I tried, Test.Value = "20";

You should have a runat="server" if you want to access the hidden field in your codebehind.

<input class="progress-value" runat="server" type="hidden" value="17" id="Test" /> 

 //& then in C# set it like this..

 Test.Value = "20";

In jQuery, get the value of the hidden field

$('.progress-value').val()

Answer 3

You just have to remember where the variables are set, and where the code is run. C# runs on the server, so you can't set javascript properties directly, rather, you need to set up your HTML template so that when it is interpolated by the server the correct values are sent to the client.

In other words, you won't be able to set the progress bar width on the server, b/c the server will only be able to set the initial value of the progress bar. It will be up to the client to increment the value. Otherwise, you'd need to constantly be posting the page back to the server, which isn't what you want at all.

The easiest way to get the progress data from the server to the client is by setting up a web service that returns JSON, and calling it using jquery.

Here are some resources on how to do that:

• Create and Call a Simple Web Service in ASP.NET
• Understanding ASP.NET AJAX Web Services
• ASP.net progress bar updated via jQuery ajax during async operation

You should be able to decorate a method on your asp.net class with [WebMethod] to make it callable via jQuery.

Answer 4

It really depends on what technology you're using to output code. If you're using Razor, it would be:

<input value="@ObjectName.Value">