在Javascript中訪問MVC模型屬性

Question

我在MVC項目中有一個下面的查看頁面

@foreach (var item in Model)
    {
            <tr>
            <td>
                @Html.DisplayFor(modelItem => item.ControlLabel)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.ControlType)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.ControlDatatype)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.MasterModule.ModuleName)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Form.FormName)
            </td>
            <td>
                @Html.ActionLink("Edit", "Edit", new { id = item.ControlID }) |
            @Html.ActionLink("Details", "Details", new { id = item.ControlID }) |
            @Html.ActionLink("Delete", "Delete", new { id = item.ControlID })
            </td>
        </tr>
    }

我想在我的JavaScript函數中訪問ControlType，我可以這樣做嗎？ 如果是的話，請指導我

Answer 1

@foreach (var item in Model)
    {

        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.ControlLabel)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.ControlType)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.ControlDatatype)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.MasterModule.ModuleName)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Form.FormName)
            </td>
            <td>
                @Html.ActionLink("Edit", "Edit", new { id = item.ControlID }) |
            @Html.ActionLink("Details", "Details", new { id = item.ControlID }) |
            @Html.ActionLink("Delete", "Delete", new { id = item.ControlID })
            </td>
        </tr>

        if (item.ControlType == "blah")
        {
        <script type="text/javascript">

          alert("a");

        </script>

        }
    }

Answer 2

當然，通過渲染。 您可以在客戶端javascript中呈現任何內容，例如：

<script>
   var controlType = "@(Model[0].ControlType)";
</script>

或類似：

<a href="#" onclick="doSomethingFIrst(@(Model[0].ControlType))">

像這樣的東西； 將0替換為所需的模型集合中的索引。 這樣做很好，但是您必須小心，因為要在此處渲染，因此必須是客戶端javascript（原始類型）或序列化數據（使用JSON.NET或類似的東西）可以使用的東西。