如何在View中使变量全局

Question

我需要将下面的代码定义为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>

所以我的视图的这一部分应该声明在分部视图顶部的某个地方？在花括号里？

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

我在.js文件中提到了它，但它不能正常工作(在"choice"中显示的是数据字段字符串，而不是剃刀元素(：

finalChoice.innerHTML = '@Model.globalVar'

Answer 1

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

@Html.TextBoxFor可以放置在视图中。但如果您不想在视图中显示它，请将其样式设置为隐藏。然后你可以通过它的id获得这个元素。

在_part.cs.html(局部视图(中

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

示例