亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Razor 表單 foreach 返回相同的 id

Razor 表單 foreach 返回相同的 id

嗶嗶one 2023-09-14 18:17:41
我有一個彈出帶有文本區域的模式的按鈕。當我單擊模式中的“提交”按鈕時,我想將數據傳遞給 post 方法(Description 和 OrderId)。問題在于 orderid 始終與第一個訂單相同。例如,我單擊 id 應該為 4 的訂單,但它返回的 id 是 1(作為第一個訂單),因此我將錯誤的 Id 傳遞給控制器。注意 - order.Id 在模態之外工作得很好,問題是當我將它傳遞給模態時。    @foreach (var order in Model .Where(x => Context.Request.Query["searchOption"] == "2" ? x.Status == "Completed" : x.Status == "Active")) {    <div class="card" style="width: 18rem; margin-left:1em; margin-bottom: 1em; margin-top: 1em">      <div class="card-body">        <h5 class="card-title">@order.ServiceName</h5>      </div>      <ul class="list-group list-group-flush">        <li class="list-group-item">@order.Address</li>        <li class="list-group-item">@order.StartDate</li>        <li class="list-group-item">@order.DueDate</li>        <li class="list-group-item">@order.HoursBooked</li>        <li class="list-group-item">@order.WorkersCount</li>        <li class="list-group-item">@order.Status</li>        <li class="list-group-item">@order.Price<text>$</text></li>            @if (order.Status == "Completed") {        <!-- Button trigger modal -->            <form method="post" asp-controller="Orders" asp-action="AddComplaint">          <!-- Modal Trigger -->          <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">                                    Add Complaint                                </button>                </div>              </div>            </div>          </div>        </form>            }
查看完整描述

1 回答

?
FFIVE

TA貢獻1797條經驗 獲得超6個贊

你可以這樣改變(在foreach之前添加i并在foreach中添加i++,更改按鈕的data-target,并更改modal的id):


@{ var i = 0;}

@foreach (var order in Model .Where(x => Context.Request.Query["searchOption"] == "2" ? x.Status == "Completed" : x.Status == "Active")) {

    i++;

    <div class="card" style="width: 18rem; margin-left:1em; margin-bottom: 1em; margin-top: 1em">

      <div class="card-body">

        <h5 class="card-title">@order.ServiceName</h5>

      </div>

      <ul class="list-group list-group-flush">

        <li class="list-group-item">@order.Address</li>

        <li class="list-group-item">@order.StartDate</li>

        <li class="list-group-item">@order.DueDate</li>

        <li class="list-group-item">@order.HoursBooked</li>

        <li class="list-group-item">@order.WorkersCount</li>

        <li class="list-group-item">@order.Status</li>

        <li class="list-group-item">@order.Price<text>$</text></li>

    

        @if (order.Status == "Completed") {

        <!-- Button trigger modal -->

    

        <form method="post" asp-controller="Orders" asp-action="AddComplaint">

          <!-- Modal Trigger -->

          <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal@(i)">

                                    Add Complaint

                                </button>

    

          <!-- Modal -->

          <div class="modal fade" id="exampleModal@(i)" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">

            <div class="modal-dialog">

              <div class="modal-content">

                <div class="modal-header">

                  <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>

                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">

                                                    <span aria-hidden="true">&times;</span>

                                                </button>

                </div>

                <div class="modal-body">

                  ***<input name="OrderId" value="@order.Id" />

                  <textarea name="Description" style="height:100%; width:100%"></textarea>***

                </div>

                <div class="modal-footer">

                  <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

                  <button type="submit" class="btn btn-primary">Submit</button>

                </div>

              </div>

            </div>

          </div>

        </form>

    

        }


查看完整回答
反對 回復 2023-09-14
  • 1 回答
  • 0 關注
  • 119 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號