9

Html.BeginForm() と同様の機能と動作を持つ拡張メソッドを作成することは可能でしょうか。完全な Html タグを生成し、<% { & } %>タグ内でその内容を特定することができます。

たとえば、次のようなビューを持つことができます。

<% using(Html.BeginDiv("divId")) %>
<% { %>
    <!-- Form content goes here -->
<% } %>

この機能は、この質問の例で作成しようとしている機能のコンテキストで非常に役立ちます

これにより、これから作成する型のコンテナを作成できるようになります

<% var myType = new MyType(123, 234); %>
<% var tag = new TagBuilder("div"); %>

<% using(Html.BeginDiv<MyType>(myType, tag) %>
<% { %>
    <!-- controls used for the configuration of MyType  -->
    <!-- represented in the context of a HTML element, e.g.:  -->

    <div class="MyType" prop1="123" prop2="234">
        <!-- add a select here -->
        <!-- add a radio control here -->
        <!-- whatever, it represents elements in the context of their type -->
    </div>

<% } %>

これにより無効な XHTML が生成されることは認識していますが、特にこのプロジェクトでは XHTML が W3C 標準に準拠している必要がないため、これを上回るメリットがあると思います。

ありがとう

デイブ

4

1 に答える 1

14

単純に要素を定義することよりも、これがどれほどの価値があるかはよくわかりません<div>が、そのようなものです

/// <summary>
/// Represents a HTML div in an Mvc View
/// </summary>
public class MvcDiv : IDisposable
{
    private bool _disposed;
    private readonly ViewContext _viewContext;
    private readonly TextWriter _writer;

    /// <summary>
    /// Initializes a new instance of the <see cref="MvcDiv"/> class.
    /// </summary>
    /// <param name="viewContext">The view context.</param>
    public MvcDiv(ViewContext viewContext) {
        if (viewContext == null) {
            throw new ArgumentNullException("viewContext");
        }
        _viewContext = viewContext;
        _writer = viewContext.Writer;
    }

    /// <summary>
    /// Performs application-defined tasks associated with 
    /// freeing, releasing, or resetting unmanaged resources.
    /// </summary>
    public void Dispose()
    {
        Dispose(true /* disposing */);
        GC.SuppressFinalize(this);
    }

    /// <summary>
    /// Releases unmanaged and - optionally - managed resources
    /// </summary>
    /// <param name="disposing"><c>true</c> to release both 
    /// managed and unmanaged resources; <c>false</c> 
    /// to release only unmanaged resources.</param>
    protected virtual void Dispose(bool disposing)
    {
        if (!_disposed)
        {
            _disposed = true;
            _writer.Write("</div>");
        }
    }

    /// <summary>
    /// Ends the div.
    /// </summary>
    public void EndDiv()
    {
        Dispose(true);
    }
}


/// <summary>
/// HtmlHelper Extension methods for building a div
/// </summary>
public static class DivExtensions
{
    /// <summary>
    /// Begins the div.
    /// </summary>
    /// <param name="htmlHelper">The HTML helper.</param>
    /// <returns></returns>
    public static MvcDiv BeginDiv(this HtmlHelper htmlHelper)
    {
        // generates <div> ... </div>>
        return DivHelper(htmlHelper, null);
    }

    /// <summary>
    /// Begins the div.
    /// </summary>
    /// <param name="htmlHelper">The HTML helper.</param>
    /// <param name="htmlAttributes">The HTML attributes.</param>
    /// <returns></returns>
    public static MvcDiv BeginDiv(this HtmlHelper htmlHelper, IDictionary<string, object> htmlAttributes)
    {
        // generates <div> ... </div>>
        return DivHelper(htmlHelper, htmlAttributes);
    }

    /// <summary>
    /// Ends the div.
    /// </summary>
    /// <param name="htmlHelper">The HTML helper.</param>
    public static void EndDiv(this HtmlHelper htmlHelper)
    {
        htmlHelper.ViewContext.Writer.Write("</div>");
    }

    /// <summary>
    /// Helps build a html div element
    /// </summary>
    /// <param name="htmlHelper">The HTML helper.</param>
    /// <param name="htmlAttributes">The HTML attributes.</param>
    /// <returns></returns>
    private static MvcDiv DivHelper(this HtmlHelper htmlHelper, IDictionary<string, object> htmlAttributes)
    {
        TagBuilder tagBuilder = new TagBuilder("div");
        tagBuilder.MergeAttributes(htmlAttributes);

        htmlHelper.ViewContext.Writer.Write(tagBuilder.ToString(TagRenderMode.StartTag));
        MvcDiv div = new MvcDiv(htmlHelper.ViewContext);

        return div;
    }
}

そしてそのように使う

<% using (Html.BeginDiv(new Dictionary<string, object>{{"class","stripey"}}))
{ %>
       <p>Content Here</p>
<% } %>

レンダリングします

<div class="stripey">
    <p>Content Here</p>
</div>

またはhtml属性なし

<% using (Html.BeginDiv())
{ %>
       <p>Content Here</p>
<% } %>
于 2010-03-12T21:55:41.300 に答える