نمایش گزارش استیمول سافت به صورت Popup یا Modal

پاسخ هوش مصنوعی

برای نمایش گزارش استیمول سافت به صورت Popup یا Modal، شما می توانید از Bootstrap یا هر کتابخانه ای که برای پاپ آپ ها استفاده می کنید بهره ببرید. در اینجا یک مثال ساده با استفاده از Bootstrap آورده شده است.

ابتدا اطمینان حاصل کنید که کتابخانه Bootstrap در پروژه شما اضافه شده است. سپس کد زیر را در صفحه خود قرار دهید:

<div style="font-family:'B Yekan'">
    <table class="table" dir="rtl">
        <form class=" form-inline" asp-controller="Home" asp-action="Search">
            <div class=" form-group" dir="rtl">
                </br> </br>
                
                <input type="text" class="form-control" id="terminal" name="terminal" placeholder="جستجو " />
            </div>
            <div class=" form-group">
                <input type="submit" value="جستجو " class="btn btn-success" />
            </div>
        </form>

        <tr style="color:red">
            <td>ردیف</td>
            <td>نام فروشگاه</td>
        </tr>
        @foreach (var item in Model.Take(8))
        {
            <tr>
                <td>@item.ID</td>
                <td>@item.nameshop</td>
            </tr>
        }
    </table>
    <div dir="rtl">
        <button type="button" class="btn btn-success" data-toggle="modal" data-target="#reportModal">چاپ فرم</button>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="reportModal" tabindex="-1" role="dialog" aria-labelledby="reportModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="reportModalLabel">گزارش</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
        <iframe src="@Url.Action("Print", "Home")" width="100%" height="400px"></iframe>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">بستن</button>
      </div>
    </div>
  </div>
</div>

با استفاده از این کد، زمانی که دکمه "چاپ فرم" را کلیک کنید، یک Modal نشان داده می شود که در آن گزارش شما به همراه iframe نمایش داده می شود.

برای مدیریت بازگشت به صفحه جستجو، می توانید از JavaScript استفاده کنید. به عنوان مثال:

document.querySelector('.modal-close').addEventListener('click', function() {
    window.location.href = '/Home/Search'; // مسیر جستجو شما
});

این کد هنگام بسته شدن پاپ آپ کاربر را به صفحه جستجو هدایت می کند. توجه داشته باشید که محتوای کدهای JavaScript ممکن است نیاز به بررسی و تعدیل در طرح و ساختار شما داشته باشد.

خطای شما در واقع Confirm Form Ressubmission هست که یکی از خطاهای مربوط به مرورگر فایرفاکس و کروم هست. این خطا وقتی پیش میاد که شما برای نمایش یک ویو یک سری متغیرها و اطلاعات رو از طریق URL ارسال می کنید و بعد از اون دکمه back رو میخواید بزنید.

در مجموع با توجه به اینکه سوال شما در مورد استیمول سافت هست شما وقتی گزارشی رو مشاهده می کنید در یک تب جدید باز میشه و اصلا دکمه Back غیرفعال هست و این خطا رو نباید داشته باشید.

راهی وجود نداره ک بشه به صورت پاپ اپ درش اورد ک به صورت یک تب جدید باز نشه ؟