Asp.net MVC2使用第三方控件

Asp.net MVC2使用第三方控件2010-11-05 博客园朱祁林ASP.net MVC框架提供了大量的HTML渲染的方法和控件，但是使用起来有诸多的不便。对于有经验的设计者使用HTML helpers可以构建一个简单的用户界面，然后加上一些HTML和css就能构建出非常漂亮的界面。但是，对开发人员来说使用一些第三方的控件，界面可能更加方便，开发效率会更高，也使开发人员不用花大量的时间在UI界面上。

这篇文章将介绍两个非常有用的，可以在 mvc 2中使用的第三方的控件：MvcContrib Grid和SlickUpload。文章将以例子的形式进行说明。

MvcContrib Grid

Gird在现在的应用系统中随处可见。MvcContrib Grid是一个开源的控件，可以构建很整洁的HTML的表格。一般在Asp.net mvc开发中，你可以使用下面代码产生一个表格。

<table>
<tr>
<th>Username</th>
<th>First name</th>
<th>Last name</th>
<th>Email</th>
<th>&nbsp;</th>
</tr>
<% foreach （var profile in Model） { %>
<tr>
<td>
<%= Html.Encode（profile.Username） %>
</td>
<td>
<%= Html.Encode（profile.FirstName） %>
</td>
<td>
<%= Html.Encode（profile.LastName） %>
</td>
<td>
<%= Html.Encode（profile.Email） %>
</td>
<td>
<%= Html.ActionLink（"View", "Show",
new{username = profile.Username}） %>
</td>
</tr>
<% } %>
</table>

从上面的代码可以看出，写MVC的View和写Asp代码一样，一行一行的输出，非常的麻烦。使用MvcContrib Grid，只需一行代码，如下：

<%= Html.Grid（Model）.AutoGenerateColumns（） %>

这行代码将会把实体类所以的属性列出来。但是有些字段是不需要显示的，我们可以通过下面代码来指定输出列以及输出地格式：

<h2>产品列表</h2>
   <%= Html.Grid（Model）.Columns（column => {
   column.For（x => x.ProductID）.Named（"Product ID"）;
column.For（x => x.ProductName）;
column.For（x => x.QuantityPerUnit）;
column.For（x => x.UnitPrice）.Format（"{0:N2}"）;
column.For（x => Html.ActionLink（"View Product", "Detail", new { id = x.ProductID }））.DoNotEncode（）;
}） %>

这个例子的数据库是NorthWind，效果如下图：

显示数据库中所有产品分类的名称：