如何将ViewModel从MVC HTML传递到Jquery？

问题描述

我有一个cshtml文件，每个循环都使用来自控制器的模型的值进行循环。我的csHTML代码如下：-

<tbody>
                                @foreach (var item model.TechnicianInvoice)
                                {
                                    <tr>
                                        <td>@item.Name</td>
                                        @foreach (var rate in item.Rates)
                                        {
                                            <td class="td10"><span class="prefix">$</span><input  type="text" class="form-control my-input" value="@rate.Rate.ToString("0.00")"></td>
                                        }
                                        <td><a class="btn btn-sm" href="#" data-action="ShowPayTableModal" data-id="@item.Id" name="@item.Name">view</a></td>
                                        <td><a class="updaterate" data-id="@item">update</a></td>
                                    </tr>
                                }
</tbody>

model.TechnicianInvoice是视图模型的一个依据：

public class TechnicianInvoiceviewmodel
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public List<TechRateviewmodel> Rates { get; set; }
    }

    public class TechRateviewmodel
    {
        public int Id { get; set; }
        public double Rate { get; set; }
    }

现在我需要的是，当我单击更新按钮时，应将model.Technician的当前foreach值传递到jquery中。当前，我正在使用data-id = @item，但在控制台日志中，此值仅显示TechnicianInvoiceviewmodel。我的jQuery代码是

 $(".updaterate").on("click",function () {
                var data = $(this).attr("data-id");
                console.log(data);
});

我该怎么做？

解决方法

您想将C＃模型解析为Javascript的问题。 当您执行data-id = @item时，将要求C＃输入项目的字符串值。但是您期望这个值是多少？ ID？然后，您应该去data-id = @item.Id。但是还有很多其他选择，也可以通过实现@item.getJSON() ...

来返回例如JSON。

长话短说：您需要指定要解析为JavaScript的项目的哪个值；）