Question

我正在传递一个来自Action的项目列表来查看然后在视图中我在HTML中显示此列表，如果用户点击列表中的任何项目，那么我想在模态中显示该特定项目的所有数据。我尝试将完整的对象传递给模态，但所有都是徒劳的，但是如果我只传递该特定项目的一个属性

@foreach (var item in Model)
        {
            <div class="col-xs-12 col-sm-4 col-md-2 portfolio-item" style="background-color:white;padding-bottom:5px;margin-left:2px;margin-right:2px;margin-bottom:2px">
                <fieldset>
                    <legend class="badge badge-primary">@item.ItemCode</legend>
                    <div class="card h-100">
                        <div style="text-align:center">
                            <img class="img-thumbnail thumbnail_image_custome" src="~/product_images/2012-Winter-Sweater-for-Men-for-better-outlook.jpg" alt="img">
                        </div>
                        <div class="card-body">
                            <h4 class="card-title">@item.description</h4>
                            <p class="card-text"><b>@item.CompanyNo (Company no) </b> ipsum dolor sit amet, repellat sequi itaque deserunt!</p>
                            <p class="badge badge-success">@item.Discount% Discount</p>
                            <h5 class="badge">Rs @item.SalePrice</h5>

                            <div style="text-align:center">
                                <button class="btn btn-primary btn-sm view_product openViewProductModal" name="viewProduct" value="View Item" data-toggle="modal" data-target="#productViewModal" data-viewitem="@item" onclick="show($(this))">
                                    @*<button class="btn btn-primary btn-sm view_product" id="viewProduct" name="viewProduct" value="View Product" data-toggle="modal" data-target="#productViewModal" data-id=></button>*@
                                    <span class="glyphicon glyphicon-eye-open">
                                    </span> View
                                </button>
                                <button class="btn btn-primary btn-sm" type="button" name="addProductToCart">
                                    <span class="glyphicon glyphicon-shopping-cart"></span> AddToCart
                                </button>
                            </div>
                        </div>
                    </div>
                </fieldset>
            </div>
        }

我的JavaScript代码是

function show(x) {
    console.log(x)
    $("#product_name").text(x.context.dataset.viewitem.description);
}

<{1}}标记中的

data-viewitem数据属性带有点击的项目。

<button>

如何通过数据属性将复杂对象传递给mvc中的模态拨号？

0 个答案: