6

詳細ビューのテンプレートを使用Html.DisplayFor(model => model)しない場合、結果のマークアップは次のようになります。

<div class="display-label">first name</div>
<div class="display-field">Dan</div>
<div class="display-label">last name</div>
<div class="display-field">M</div>
<div class="display-label">email</div>
<div class="display-field">danm@fakedomain.com</div>

これにはかなりの柔軟性があります。display-labelとのCSS クラスを作成すればdisplay-fieldかなりのことができますが、これを次のように変更したい場合はどうすればよいでしょうか。

<p>
  <span class="display-label">first name</span>:
  <span class="display-field">Dan</span>
</p>
<p>
  <span class="display-label">last name</span>:
  <span class="display-field">M</span>
</p>
<p>
  <span class="display-label">email</span>:
  <span class="display-field">danm@fakedomain.com</span>
</p>

属性と値のペアが (別々の行ではなく) 並んで表示され、各属性の後にコロンがあることに注意してください。

詳細ビューがスキャフォールディングされているときに、属性と値のペアごとに繰り返されるカスタム テンプレートを作成する方法はありますか?

モデルの特定のテンプレート (Personテンプレートなど) や特定のプロパティのテンプレート (テンプレートなど)について話しているわけではありませんEmailAddress。属性と値のペアがどのように見えるかを説明するだけDispalyFor()で、モデルまたはビュー モデルの各プロパティに対してそのテンプレートを自動的に繰り返す必要があります。

4

1 に答える 1

9

Objectたとえば、テンプレートをオーバーライドするのはどうですか

    <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
    <% if (ViewData.TemplateInfo.TemplateDepth > 3) { %>
        <%= ViewData.ModelMetadata.SimpleDisplayText %>
    <% } else { %>
        <table>
        <% foreach (ModelMetadata prop in ViewData.ModelMetadata.Properties.Where(pm => pm.ShowForDisplay && !ViewData.TemplateInfo.Visited(pm))) { %>
            <% if (prop.HideSurroundingHtml) { %>
                <%= Html.Display(prop.PropertyName) %>
            <% } else { %>
                <tr>
                    <td>
                        <div class="display-label" style="text-align: right;">
                            <%= Html.Label(prop.PropertyName) %>
                        </div>
                    </td>
                    <td>
                        <div class="display-field">
                            <%= Html.Display(prop.PropertyName) %>
                            <%= Html.ValidationMessage(prop.PropertyName, "*") %>
                        </div>
                    </td>
                </tr>
            <% } %>
        <% } %>
        </table>
    <% } %>

http://bradwilson.typepad.com/blog/2009/10/aspnet-mvc-2-templates-part-4-custom-object-templates.htmlを参照してください。

于 2010-02-07T17:33:28.433 に答える