Question

我有一组我正在使用的列表项需要是一个链接，http回发到控制器。我不得不对它们做一些自定义样式，只是不确定处理它的最佳方法。这就是我所拥有的：

<ul data-role="listview" class="listItems">
    @foreach (var item in Model.shares)
    {            
        <li class="outerListItem">
            <div class="accountLI">@item.description</div>
            <div class="currentLI">@item.Num1</div>
            <div class="availableLI">@item.num2</div>
        </li>            
    }        
</ul>

通常我会使用@ Html.ActionLink（文本，动作，控制器），但我需要格式化3'列'。

谢谢！

Answer 1

@Html.ActionLink有一个重载，它可以接受在最终链接标记中注入的html属性，请考虑以下示例：

@Html.ActionLink(text, action, controller,new {@class="MyClass")}

前一行应该渲染一个锚，其中一个名为MyClass的类如下所示

<a href="LINK_URL" class="MyClass">text</a>

请注意，如果您需要渲染任何额外的类似html5的数据属性（data-age），则需要使用下划线替换短划线，并使用Razor引擎（负责渲染最终HTML的引擎） ASP.NET MVC框架）应该理解它。

考虑以下示例

@Html.ActionLink(text, action, controller,new {@class="MyClass", data_age=33)}

这会渲染一个这样的锚：

<a href="LINK_URL" class="MyClass" data-age="33">text</a>

列表项和MVC4样式

1 个答案: