问题描述
我正在尝试通过单击按钮来更改进度栏。如果我仅单击一个按钮,进度条的值应为%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 (将#修改为@)