微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Asp.net MVC每次单击按钮都会更改进度栏值

如何解决Asp.net MVC每次单击按钮都会更改进度栏值

我正在尝试通过单击按钮来更改进度栏。如果我仅单击一个按钮,进度条的值应为%10(我正在手动计算该值。它可能会像%20或%30 vs)更改,但是如果我单击2个按钮,则该值应除以2,如果我单击3按钮值应除以3等。这是我的代码

@foreach (var u in Model.calisan)
                    {
                        <div class="col-sm-2">
                            <div class="profile-sidebar">
                                <div class="portlet light profile-sidebar-portlet">
                                    <div class="profile-userpic" id="personelF-@u.PersonelID">
                                        <img src="~/araclar/Resim/noimage.png" class="img-responsive" alt="" style="width:150px;height:150px; margin-left:10px; border:none;" />
                                    </div>
                                    <div class="profile-usertitle">
                                        <div id="moda1" class="profile-usertitle-name" style="margin-top:10px;margin-bottom:10px; text-align:center;" data-ad="@u.AdiSoyadi"> <b>@u.AdiSoyadi</b></div>
                                    </div>
                                    <div class="profile-userbuttons" style="margin-bottom:-30px;text-align:center;">

                                        <button type="button"  class="btn btn-circle green btn-sm undo" onclick="dolulukHesapla('personel-@u.PersonelID','@u.AdiSoyadi','@u.PersonelID')">SEÇ</button>
                                        <input type="text" hidden="hidden" id="kullaniciAd" />
                                        <input type="text" hidden="hidden" id="kullaniciID" />
                                    </div>
                                </div>
                                <hr />
                                <div class="row">
                                    <div class="col-sm-4">
                                        <div class="profile-stat-title"> Şu An </div>
                                    </div>
                                    <div class="col-sm-8">
                                        <div class="progress">
                                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valueNow="@u.suAnkiDoluluk" aria-valuemin="0" aria-valuemax="100" style="width: @u.suAnkiDoluluk%">
                                            </div>
                                            <span class="progress-completed">@u.suAnkiDoluluk%</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-4">
                                        <div class="profile-stat-title"> Olacak </div>
                                    </div>
                                    <div class="col-sm-8">
                                        <div class="progress" id="personel-@u.PersonelID">
                                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valueNow="@u.suAnkiDoluluk" aria-valuemin="0" aria-valuemax="100" style="width: @u.sonrakiDoluluk%">
                                            </div>
                                            <span class="progress-completed">@u.sonrakiDoluluk%</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    }




function dolulukHesapla(Id,ad,personalID) {
    var values = {

        personalID: personalID
    }
    var adet = document.getElementById('adet').value;
    if (adet == 0) {
        console.log("Adet 0 kısmı");
        alert("Adet 0 olarak İş Emri atanamaz.");
        return;
    }
    else {
        $.ajax({
            type: 'Post',url: '/Siparis/DolulukHesapla',data: JSON.stringify(values),dataType: 'JSON',contentType: 'application/json;charset=utf-8',success: function (gelenDeg) {
                var calismaSuresi = parseInt(gelenDeg);
                console.log(calismaSuresi);
                $("#personellerRow").find(".img-responsive").each(function () {
                    $(this).css("border","5px outset red;");
                    console.log($(this).attr('style'));
                });

                var NowValue = $("#" + Id).find(".progress-bar").attr("aria-valueNow");
                var toplamSure = document.getElementById('pTSure').value;
                var toplamSureOran = ((toplamSure / calismaSuresi) * 100);


                var Toplam = parseInt(NowValue) + parseInt(toplamSureOran);

                $("#" + Id).find(".progress-bar").attr("aria-valueNow",Toplam);
                $("#" + Id).find(".progress-bar").css("width",Toplam + "%");

                $("#" + Id).find(".progress-completed").text(Toplam + "%");

                //    //$("#" + Id).find(".img-responsive").css("border","5px outset red;");

                $("#kullaniciAd").val(ad);
                $("#kullaniciID").val(personalID);

            },error: function () {
                toastr["error"]('İşlem sırasında hata oluştu');
            }
        });
    }
    
}

感谢您的帮助。我希望我能阐明我的观点。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。