在jquery中获取modelbound对象属性

时间:2017-01-04 17:49:02

标签: javascript jquery asp.net-mvc

我的viewmodel包含我正在迭代的对象列表,每个对象都有一个与之关联的特定类。我的目标是点击该项目将其打开以进行查看,但我不清楚如何在我的jquery点击功能中获取该行的ID。

            foreach (var item in Model.PatientViewModel)
            {
                    <div class="patientBox patientBox-unselected">
                        <h7>
                            <div class="pvb-mrn">MRN: @Html.DisplayFor(modelItem => item.MRN)</div>
                            <div class="pvb-dob">DOB: @Html.DisplayFor(modelItem => item.DOB)</div>
                            <br />
                            <div class="pvb-link">
                                @Html.ActionLink("Update Patient >", "Edit", new { id = item.PatientID })
                            </div>
                        </h7>
                    </div>
            }

然后我的脚本带​​有测试警报,以确保我正在使用该功能,该功能正常,但我怎样才能获得所点击项目的ID?

    $('.patientBox').click(function () {
        window.location.href("/View/" + @item.ID);
    })

查看模型:

public class PatientScreenViewModel
{
    public List<PatientDTO> PatientViewModel { get; set; }

    public PatientSearchDTO SearchViewModel { get; set; }
}

1 个答案:

答案 0 :(得分:2)

item.ID放入html属性中,并使用jQuery获取,如下所示:

foreach (var item in Model.PatientViewModel){
   <div class="patientBox patientBox-unselected" data-item-id="<%= item.ID %>">
                   ...
                   ...
   </div>
}

jQuery的:

$('.patientBox').click(function () {
    window.location.href("/View/" + this.getAttribute('data-item-id');
})