mvc中关于 html 图片,asp.net-mvc – 如何在ASP.NET MVC视图中对HTML列表项进行分组?...

How can I achieve this?

好简单.答案,如asp.net-mvc标签中99.99%的问题总是相同的:使用视图模型.

我假设您有以下域模型:

public class Tag

{

public int Id { get; set; }

public string Name { get; set; }

}

因此,您始终要定义一个视图模型,该模型将满足您要在此视图中实现的要求(通过其Name属性的第一个字母对Tag域模型列表进行分组并显示链接):

public class Tagviewmodel

{

public string Letter { get; set; }

public IEnumerable Tags { get; set; }

}

那么你显然会有一个控制器,它的职责是查询你的DAL层,以便获取域模型,构建一个视图模型,最后将这个视图模型传递给视图:

public class HomeController : Controller

{

public ActionResult Index()

{

// Get the domain model

var tags = new[]

{

// Guess this comes from a database or something

new Tag { Id = 1,Name = "Apple" },new Tag { Id = 2,Name = "Ant" },new Tag { Id = 3,Name = "Car" },new Tag { Id = 4,Name = "Sky" },new Tag { Id = 5,Name = "Sea" },new Tag { Id = 6,Name = "Sun" },};

// now build the view model:

var model = tags.GroupBy(t => t.Name.Substring(0,1)).Select(g => new Tagviewmodel

{

Letter = g.Key,Tags = g

});

return View(model);

}

}

最后一个观点:

@model IEnumerable

@foreach (var item in Model)

{

@item.Letter

@foreach (var tag in item.Tags)

{

@Html.ActionLink(

tag.Name,"Post","Tag",new { id = tag.Id },null

)

}

}

这显然会产生预期的结果:

所以下次你遇到ASP.NET MVC中的一些困难或问题时告诉自己:我必须使用视图模型.看,问题解决了.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值