DisplayTemplate code，则需要修复/反馈 [英] DisplayTemplate code need fix/feedback

问题描述

我有一个名为_FooterMenu DisplayTemplate在下面动态页脚菜单为codeD。

几件事情要问

有什么办法来简化DisplayTemplate code？

我应该使用的HtmlHelper隐藏的逻辑？

code在页​​面布局

  @ Html.DisplayForModel（_ FooterMenu）
 

// DisplayTemplate code。

  @model HomeViewModel@ {VAR distMenu = Model.FooterMenu.Where（C =＆GT;！c.Title = NULL）。选择（M =＆gt;新建{标题= m.Title}）是不同的（）;}
@foreach（VAR我在distMenu）
{
    ＆LT; D​​IV CLASS =linksarea＆GT;
    ＆LT;＆H5 GT; @ I.标题＆LT; / H5＆GT;
        ＆LT; UL＆GT;
                @foreach（在Model.FooterMenu.FindAll（VAR项x =＆GT; x.Title == I.标题））
                {
                    ＆LT;立GT;
                        @ Html.ActionLink（@ item.DisplayName，页面，家，新的{名= @ item.UrlName}，NULL）
                    ＆LT; /李＆GT;
                }
        ＆LT; / UL＆GT;
    ＆LT; / DIV＆GT;
}
 

解决方案

我认为关键要优化code是使用一个GROUPBY为您页脚的菜单项，这将缓解2 foreach循环的需要。我嘲笑你的MVC应用程序，这里是我想出了code片断：

  @ {
        变种distMenu = Model.FooterMenu.GroupBy（Q =＆GT; q.Title）;
    }    @foreach（在distMenu VAR GRP）
    {
        ＆LT; D​​IV CLASS =linksArea＆GT;
            ＆LT;＆H5 GT; @ grp.Key＆LT; / H5＆GT;
            ＆LT; UL＆GT;
            @foreach（GRP中的VAR项）
            {
                ＆LT;立GT;
                    @ Html.ActionLink（@ item.DisplayName，页面，家，新的{名= @ item.Url}，NULL）
                ＆LT; /李＆GT;
            }
            ＆LT; / UL＆GT;
        ＆LT; / DIV＆GT;
    }
 

希望这有助于。

I have a DisplayTemplate called _FooterMenu in which below dynamic footer menu is coded.

Few things to ask

Is there any way to simplify DisplayTemplate code?

Should I used HtmlHelper to hide logic?

Code in layout page

@Html.DisplayForModel("_FooterMenu")

//DisplayTemplate code.

@model HomeViewModel

@{var distMenu = Model.FooterMenu.Where(c => c.Title != null).Select(m => new {Title = m.Title}).Distinct() ;}
@foreach (var i in distMenu)
{
    <div class="linksarea">
    <h5>@i.Title</h5>
        <ul>
                @foreach (var item in Model.FooterMenu.FindAll(x => x.Title == i.Title))
                {
                    <li>
                        @Html.ActionLink(@item.DisplayName, "Page", "Home", new { name = @item.UrlName }, null)
                    </li>   
                }                                                   
        </ul>
    </div>
}   

解决方案

I think the key to optimizing your code is to use a "GroupBy" for your Footer Menu Items, this will alleviate the need for 2 ForEach loops. I mocked up your MVC app, here is the code snippet I came up with:

   @{
        var distMenu = Model.FooterMenu.GroupBy(q => q.Title);
    }

    @foreach (var grp in distMenu)
    { 
        <div class="linksArea">
            <h5>@grp.Key</h5>
            <ul>
            @foreach(var item in grp)
            {
                <li>
                    @Html.ActionLink(@item.DisplayName, "Page", "Home", new { name = @item.Url }, null)
                </li>   
            }
            </ul>
        </div>
    }

Hope this helps.

这篇关于DisplayTemplate code，则需要修复/反馈的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！