使用C#在Asp.net中使用JQuery Progress Circle

时间:2014-10-13 12:15:09

标签: c# jquery asp.net

我在我的.aspx和客户端使用jQuery Progress Circle,它正常工作。 如何用服务器端值填充它。

Javascript:

  <script>
    ( function( $ ){
        $( '#circle' ).progressCircle();

        $( '#submit' ).click( function() {
            var nPercent        = $( '#percent' ).val() ? $( '#percent' ).val() : 50;
            var showPercentText = $( '#percentOn' ).prop( 'checked' );
            var circleSize      = $( '#circle-size' ).val() ? $( '#circle-size' ).val() : 100;
            $( '#circle' ).progressCircle({
                nPercent        : nPercent,
                showPercentText : showPercentText,
                circleSize      : circleSize

            });
        })
    })( jQuery );
    </script>

上面的代码是点击按钮。我想在.cs页面的页面加载上填充它。请帮忙。

2 个答案:

答案 0 :(得分:0)

将您使用#percent#percentOn的控件与clientIdMode='static'runat='server'一起设置并隐藏它们。在aspx页面的页面加载中,设置服务器端隐藏值的值。将submit.click中的代码移至document.ready:

$( document ).ready(function() {
     var nPercent = $( '#percent' ).val() ? $( '#percent' ).val() : 50;
     var showPercentText = $( '#percentOn' ).prop( 'checked' );
     ......
});

答案 1 :(得分:0)

试试这个

Javascript

<script>
        (function ($) {
            $('#circle').progressCircle();
            $(document).ready(function () {
                var nPercent = $('#<%=hdnprsent.ClientID%>').val();
                var showPercentText = $('#percentOn').prop('checked');
                var thickness = $('#<%=hdnthickness.ClientID%>').val();
                var circleSize = $('#<%=hdncirclesize.ClientID%>').val();
                $('#circle').progressCircle({
                    nPercent: nPercent,
                    showPercentText: showPercentText,
                    thickness: thickness,
                    circleSize: circleSize
                });
            })
        })(jQuery);
    </script>

.CS代码

只需将值放在隐藏字段的任何位置即可。

hdnprsent.Value = "30";
hdnthickness.Value = "6";
hdncirclesize.Value = "400";