как передать сложный объект через data-attribute для модального набора в mvc?

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);
}

data-viewitem атрибут данных в теге <button> содержит элемент, по которому щелкнули.

viewitem.description is displaying the description property on item in modal