如何在View中全局设置变量？

问题描述

我需要在View中将以下代码定义为全局变量，然后可以在单独的JS代码中使用该值。我不知道该怎么做，我尝试了各种方法。

<td class="choice">

       @Html.TextBoxFor(modelItem => item.ManualDate,new { @type = "date",@class = "form-control datepicker" }) //I want this @Html... to be global and available in .js file
</td>

那么我的View的这一部分应该在部分View顶部的某个地方声明？大括号？

@{
    ViewBag.Title = "myTitle";
    Layout = "~/Views/Shared/_Layout.cshtml";
    var globalVar = "@Html.TextBoxFor(modelItem => item.ManualDate,new { @type = 'date',@class = 'form-control datepicker' })";

}

我在.js文件中引用了它，但是它不能正常工作（在“选择”数据字段字符串中显示而不是razor元素）：

finalChoice.innerHTML = '@Model.globalVar'

解决方法

诸如 @Html.TextBoxFor 和@Model之类的剃刀语法只能由服务器解析，而不能由JavaScript解析。在@{//...}中使用变量将被解析为字符串。父页面中的JavaScript文件可以直接调用部分视图中的元素。

@Html.TextBoxFor可以放置在视图中。但是，如果您不想在视图中显示它，请将其样式设置为隐藏。然后，您可以通过其ID获取该元素。

在_part.cshtml（局部视图）中

<div id="part">
  @Html.TextBoxFor(modelItem => modelItem.ManualDate,new { @type = "date",@class = 
  "form-control datepicker" })
</div>

example

asp.net-mvc javascript