在MVC中显示几行文本
Display a few lines of a text in MVC
我使用MVC3,想在博客系统中显示一篇文章的3行,然后添加一个链接到文章的其余部分,你可以在大多数博客中看到这样的例子
this is my View:
@model IEnumerable<Blog.Web.UI.ViewModels.PostViewModel>
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<div>
@foreach (var item in Model)
{
<div>
<h3>
@Html.ActionLink(item.Title, "Post", "Blog", new { postId = item.Id, postSlug = item.UrlSlug }, null)
</h3>
</div>
<div>
<span>Category: </span>@item.Category
</div>
<div>
<span>Tag: </span>@item.Tag
</div>
<div>
@item.CreationDate.ToLongDateString()
</div>
<div>
@Html.DisplayTextFor(p => item.Body)
</div>
}
</div>
如所示
@Html.DisplayTextFor(p => item.Body)
显示整个帖子,但我想做像我引用的链接,我认为这是可能的通过javascript,但我不知道如何!
看起来您提供的示例删除了任何超过给定长度的额外文本。您也可以这样修改ViewModel:
class PostViewModel
{
public string Body {get;set;}
public string ShortBody
{
get
{
return Body.Length <= 140
? Body
: Body.Substring(0, 140) + "...";
}
}
}
然后把你的DisplayTextFor行改成:
@Html.DisplayTextFor(p => item.ShortBody)
相关文章:
- Sencha Touch使用pageSize配置只加载几行
- 用于匹配错误和关联几行的正则表达式
- 我可以'不要让这几行简单的代码正常工作,也不知道为什么
- 在导航图标css下换行文本
- 如果字段在几行空行之后包含前几个字符,则验证描述字段长度
- 替换两个字符串之间的多行文本
- 只对表的几行进行排序 - jquery/ javascript
- 如何在锚标记中自动换行文本 URL
- 用户未输入几行时的 JavaScript 计算(添加剩余的行值)
- 单击时添加几行,双击删除添加的行
- 数组中的字符串显示为未定义,尽管在几行之前成功.log控制台
- 在使用 window.open() 打开的新选项卡中添加行文本
- 删除选择选项中的几个文本
- 不太确定几行代码
- 在一个容器中只显示8行文本
- 垂直对齐居中图像旁边的多行文本
- 角度-换行文本
- 元素具有多行文本,如何将它们向上溢出
- 使文本显示为几行可点击的线条
- 在MVC中显示几行文本