Chinaunix首页 | 论坛 | 博客
  • 博客访问: 874941
  • 博文数量: 372
  • 博客积分: 10063
  • 博客等级: 中将
  • 技术积分: 4220
  • 用 户 组: 普通用户
  • 注册时间: 2012-02-24 11:36
文章分类

全部博文(372)

文章存档

2012年(372)

分类: 虚拟化

2012-03-01 20:28:48

1. Razor Helpers 的运用:
例如,定义好 ViewBag.Message = "Welcome to ASP.NET MVC!";我要在界面上显示
"Welcome ..."; 那我们一般有2种操作,3种实现操作:

2种操作:

Extension Method off HtmlHelpers 和 Razor Declarative @Helper Sytnax

3种实现方式:
一、 Extension Method
在当前项目下建立一个文件夹,命名为Helpers,在这个文件夹下添加 HtmlHelpers类,具体实现如下

HtmlHelpers
namespace MVCET.Helpers
{
public static class HtmlHelpers
{
public static string Truncat(this HtmlHelper helper, string input, int length)
{
if (input.Length <= length)
{
return input;
}
else
{
return input.Substring(0, length) + "...";
}
}
}
}

这时候,在页面上只要添加这样的代码就可以显示了:
@using MVCET.Helpers

@Html.Truncat(@ViewBag.Message as string,8)

二、 Razor Declarative @Helper Sytnax
1. 在当前页面添加如下代码:
@helper Truncat(string input, int length)
{
if(input.Length<=length)
{
@input
}
else
{
@input.Substring(0,length)...(Razor)
}
}
再添加这行代码:

@Truncat(@ViewBag.Message as string, 8)

显示的结果和上面的事一模一样的。

2. 添加App_Code 文件夹,然后添加RazorHelper.cshtml Razor 文件。声明如下:

@helper Truncat(string input, int length)
{
if(input.Length<=length)
{
@input
}
else
{
@input.Substring(0,length)...(Razor)
}
}

在页面上添加以下代码:

@RazorHelper.Truncat(@ViewBag.Message,8)


运行,我们看到结果是一样的。

-----------------------------------------------------------------

2.运用Linq进行带参查询
如果说,在Index 页面中添加了参数,那么我们就可以有很多种方式给其传参,让其响应事件。 例如,在下面的例子中,可以有一个快捷方式去查看Shanghai 的Restaurant.

第一种:通过@Html.ActionLink()

在RestaurantControl 中添加以下代码

OdeToFoodDB _db = new OdeToFoodDB();
public ActionResult Index(string city)
{
var model = from r in _db.Restaurants
where r.Adress.City == city ||(city==null)
orderby r.Name
select r;
return View(model);
}

在Restaurant的View 中,Index页面写入一下代码:

@Html.ActionLink("To see Restaurant in shanghai","Index","Restaurant",new {city="Shanghai"},null)

第二种:绑定字段

添加DownloadList列表,让其通过选项进行自由选择。DownloadList可以绑定字段。
在RestaurantControl 中添加以下代码:

OdeToFoodDB _db = new OdeToFoodDB();
public ActionResult Index(string city)
{
ViewBag.City = _db.Restaurants.Select(r => r.Adress.City).Distinct();
var model = from r in _db.Restaurants
where r.Adress.City == city ||(city==null)
orderby r.Name
select r;
//var model = _db.Restaurants
// .Where(r => r.Adress.City == "Guangdong")
// .OrderBy(r => r.Name);
return View(model);
}

在Restaurant的View 中,Index页面写入一下代码:
@using (Html.BeginForm("Index","Restaurant",FormMethod.Get))
{
@Html.DropDownList("City",new SelectList(ViewBag.City))

}

在这里,我让DropDownList 绑定了一个dynamic 类型(ViewBag.City)的数据。

阅读(898) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~