سلام خسته نباشید
من میخواستم برای آیتمام که تعداد نامشخصی داره تایمر بذارم
@foreach (var item in Model) { <div class="panel-group pmd-z-depth-1"> <div class="panel panel-default pmd-z-depth-2"> <div class="panel-heading " style="background-color:#00a632;color:white;height:40px" href="#@item.ID" data-toggle="collapse"> <div class="col-lg-3" style="color:black;font-size:14px"> | @item.ID | @item.Customer.Name </div> <div id="Timer" class="col-lg-3 pull-left"style="padding:0px 40px 0px 0px"> -->تایمر <span id="realtime">@(item.TimePassed / 3600)ساعت و@((item.TimePassed % 3600) / 60)دقیقه@*:@((item.TimePassed % 3600) % 60)*@</span> </div> <p style="color:black;padding-left:2em" class="pull-left">@item.DateTime</p> </div> <div id="@item.ID" class="panel-collapse collapse" dir="rtl" lang="fa"> <ul class="list-group" dir="rtl" lang="fa"> <li class="list-group-item"> <div class="col-lg-4">شماره اشتراک : @item.Customer.RegNumber</div> <div class="col-lg-4">@item.Customer.Name</div> <div class="col-lg-3" style="padding:0px 50px 0px 0px">@item.DateTime</div> <br class="col-lg-12" /> </li> <li class="list-group-item"> <table class="table table-bordered"> <thead> <tr> <th> نام غذا </th> <th> قیمت واحد(ریال) </th> <th> تعداد </th> <th> جمع کل </th> </tr> </thead> <tbody> @foreach (var M in item.Facktor_Food) { <tr> <td> @M.Food.Name </td> <td> @M.Food.Price </td> <td> @M.Count </td> <td> @{ <p>@(M.Count * M.Food.Price)</p> } </td> </tr> /**/ } </tbody> </table> <div class="col-lg-6"> <p>نحوه پرداخت : @item.PaymentType</p> <p> مالیات بر ارزش افزوده : @((int)item.Tax) </p> <p> تخفیف فاکتور : @((int)item.Dicount) </p> <p> هزینه ارسال : @(item.DeliveryPrice) </p> <p> مبلغ کل فاکتور : @((int)item.FullPrice) </p> </div> <div class="col-lg-6"> <p>شماره اشتراک :@item.Customer.RegNumber</p> <p>نام و نام خانوادگی : @item.Customer.Name</p> <p> تلفن ثابت : @item.Customer.Tell</p> <p>شماره همراه : @item.Customer.Cell</p> </div> <hr class="col-lg-12" /> <p>آدرس مشترک : @item.Customer.Address</p> <hr class="col-lg-12" /> <p> توضیحات سفارش : @item.Description</p> </li> <li> <br class="col-lg-12" /> <div id="PP_@item.ID" class="col-lg-10"> @Ajax.ActionLink(" ", "Aprove", new { id = item.ID }, new AjaxOptions() { InsertionMode = InsertionMode.Replace, HttpMethod = "Post", LoadingElementId = "Loader", UpdateTargetId = "PP_" + item.ID }, new { @class = "MyCssClass2" }) </div> <div class="col-lg-1" style="padding:0px 60px 0px 0px"> <div> @Html.ActionLink(" ", "DisAprove", new { id = item.ID }, new { @class = "MyCssClass" }) </div> </div> <br class="col-lg-12" /> <br class="col-lg-12" /> </li> </ul> </div> </div> </div> }
مشکل کجاست ؟
محل تایمر که مشخص شده در زمان لود عدد درست نشون میده اما من میخوام هر ثانیه یا دقیقه تغییر کنه
و کد جاوا اسکریپت برای هر گردش foreach فرق کنه
تایمری که توی فایل ضمیمه هست باید هر 1 دقیقه برای هر آیتم تغییر کنه بدون رفرش صفحه(تایم همه آیتما الان یکیه این باگ نیست)
شما سرچ کنید Jquery Timer نمونه های بسیار به همراه توضیحات کامل هست
بعد موتونید بنا به نیازتون تغییر دهید و استفاده کنید
من مشکل نمونه ندارم
ولی وقتی میذارم از تایمرام فقط یکیشون کار میکنه با id و اگر از کلاس استفاده کنم به باگ میخوره
باید به هرکدون id جدا بدید وگر نه همه با یکی کار میکنند
در حلقه هر بار id را تغییر دهید
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)