进度条问题

时间:2011-01-21 08:03:45

标签: javascript jquery asp.net-mvc

我有一个aspx文件和一个ascx文件(Details.ascx)。在我的ascx文件中,我有以下代码..

<script type="text/javascript">
$(function () {
    var a = document.getElementById("HidStatus").value;
    var b = parseInt(a);
    $("#progressbar").progressbar({
        value: b,
        max: 100
    });
});

 <fieldset>
                    <div id="progressbar" style="height: 8px; float: left; padding: .3%; margin-right: 274px;
                        margin-left: auto; width: 300px;">
                    </div>
                    <div id="Div1" style="float: left; margin-left: 300px; margin-right: 100px">
                        <%= Html.Hidden("HidStatus", (double)ViewData["StatusBar"])%>
                        <%= Html.Label(Convert.ToString(ViewData["StatusBar"] + "% Completed"))%>
                    </div>
                </fieldset>

在我的aspx文件中....

<script type="text/javascript">
    function Load() {
        $.ajaxSettings.cache = false;
        var Id = document.getElementById("Id").value;
        if (Id != null && Id != "") {
            $.ajax({
                type: "GET",
                url: "../Test/Populate",
                data: "&Id=" + Id.toString(),
                success: function (msg) {
                    if (msg != null && msg != "") {
                        alert(msg);
                        //document.getElementById("TargetId").innerHTML = msg;
                         $('#TargetId').html(msg);
                    }
                    else {
                    }
                },
                error: function (msg) { }
            });
        }
    }

</script>


<div class="content-admin">
    <div class="form-content">
         <div id="TargetId">
            <% Html.RenderPartial("Details"); %>
        </div>
    </div>
</div>

第一次,进度条被加载..当我选择索引更改时,进度条消失...

我认为,这一行“document.getElementById(”ProvideFeedbackDetailsTargetId“)。innerHTML = msg;”可能是问题的原因......但不知道该怎么做....

如何解决这个问题......

1 个答案:

答案 0 :(得分:0)

看起来你正在使用jQuery。你能改变你所有的document.getElementById()调用吗? jquery调用

document.getElementById("TargetId").innerHTML = msg;

将在jquery中:

$('#TargetId').html(msg);

这可能是解决问题的首选,也可以使用firefox上的firebug进行调试。