如何从Razor视图呈现HTML属性

Question

我想对创建，编辑和详细信息视图使用相同的局部视图，以避免重复实体的字段集结构。 然后，根据哪个视图呈现局部视图，我想在围绕我的字段集的div中添加一个“只读”类，并使用CSS或jQuery处理使实际输入字段在客户端上变为只读的方式，或者随你。 如何从Razor视图中指定我需要将此类添加到“ item-details” div中？

<div class="item-details">
    <fieldset>
        <legend>Product Details</legend>
        @Html.HiddenFor(model => model.DetailItem.ProductId)
        <div class="editor-label">
            @Html.LabelFor(model => model.DetailItem.Name)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.DetailItem.Name)
            @Html.ValidationMessageFor(model => model.DetailItem.Name)
        </div>
        <p>
            <input type="submit" value="Save" />
        </p>
    </fieldset>
</div>

Answer 1

我通常会在模型上有一个变量，该变量指示您的数据是否可编辑，并像这样使用它：

<div class="item-details @(Model.IsReadOnly ? "read-only" : "")">

但是，如果模型上没有它，则可以使用ViewBag 。 在您的父视图中：

@{
    ViewBag.IsModelReadOnly = true;
}

在您的局部视图中：

<div class="item-details @(ViewBag.IsModelReadOnly ? "read-only" : "")">

您的html输出为只读视图将是

<div class="item-details read-only">

然后，您可以通过jQuery访问div并执行所需的操作： $(".read-only")...

Answer 2

为什么不只是使用

@ Html.DisplayFor（模型=>模型。[您要显示的whatEver属性]）