MvcContrib开源控件的表格显示

  ASP.NET MVC里显示表格不像WebForm里那般容易。我归纳有以下三种方式:1JQERY+插件的方式。2、在页面通过  Foreach循环的方式做显示。3、使用开源控件,比如MvcContrib。MvcContrib是一个很出名的控件,功能上夜是足够的强大,包括对AOP的支持等。下面仅简单说说MvcContrib的初次使用体会。MvcContrib可以在CodePlex上下载。

  网上也有一些大侠对MvcContrib的使用做个一些介绍,但是可能由于版本的问题,现在关于它的使用按照大鸟们得说法又不太一样。所以我将自己的使用经历记录下来,以供有需要的朋友们了解了解。当然,我也毕竟刚开始用,有很多都还不知道,希望大家有机会相互借鉴一下。

  首先说说我使用的MvcContrib的版本2.0.96.0。

  熟悉WebForm模式或者MVC模式的朋友一定知道System.Web配置节下有个Pages节点。这个节点就是对工程下所有页面做做的一些配置,包括明明空间等。首先是在Web.Config文件中做配置。需要引入的命名空间有如下几个:

  

<add namespace="MvcContrib.UI"/>
<add namespace="MvcContrib.UI.Html"/>
<add namespace="MvcContrib"/>
<add namespace="MvcContrib.UI.Grid"/>

  在页面上就可以通过<%Html.Grid%>使用了。Grid是个泛型方法,需要制定泛型类型,以使用此类型来做表格显示。然后就可以直接给出数据源,然后进行输出了。如:<% Html.Grid<Demo.Models.Student>(ViewData.Model).AutoGenerateColumns<Demo.Models.Student() %>。通过AutoGenerateColumns泛型方法就可以进行输出。不过他输出的是从Controller返回的整个数据表。

  当然,让Controller层返回的数据有选择行的输出也是可行的。具体方式如下:

    <% 
        Html.Grid<Demo.Models.Student>(ViewData.Model).Columns(           
            cols=>
            {
                cols.For(s=>s.Name);
                cols.For(s=>s.Address,"地址");
            }
            );
     %>

  通过上面的Lambda表示式,就可以输出制定的数据列了。当然也可以对列做一些样式设置。如:

 <% 
        Html.Grid<Demo.Models.Student>(ViewData.Model).Columns(           
            cols=>
            {
                cols.For(s=>s.Name).Attributes(new Hash(@class => "grid").Add<int>("cellpadding", 2).Add<int>
        ("cellspacing", 0));
                cols.For(s=>s.Address,"地址").DoNotEncode();
            }     
            )
            .Empty("没有数据")
            .HeaderRowAttributes(new Hash(Style=>"text-align:center;font:bold 13px/20px Verdana;"));
     %>

  

  Attributes是对列做样式,DoNotEncode是对列显示做的HTML编码,Empty指明没有数 据时显示的信息、<br>HeaderRowAttributes设置表头的样式。

  以前版本中用法和现在稍有差别:之前版本中,Columns是作为Grid泛型方法的第二个参数使 用的。在这个版本中,Gird泛型方</strong><br><strong>法只有一个参数,但是有参数有两种 类型,1:ViewData中Key的名字的字符串。2、IEnumerable<>类型的数据 源  

  MvcContrib的用法还不止这些。他还包括对Form表单做一 些验证设置、做Route,还有就是扩展Controller的功能。总之,它<br>是一个很强大的开源控件。以后有些体会再做介绍。

posted @ 2011-07-24 18:29  tyb1222  阅读(2692)  评论(8编辑  收藏  举报