技巧 3 : 只显示需要显示的 MVC WebGrid 列经常会有这种情况， 集合里面有 10 列， 但你只想显示其中的 5 列。 要做到这种效果， 你只要把要显示的列名传给参数 “ColumnNames” 就可以了。
代码的运行效果如下图，只有 “CustomerCode” 显示出来， “CustomerName” 已经看不到了. 技巧 4 : 自定义 MVC WebGrid 的列标题我们经常会发现， 集合中的列名不是那么友好。 比如，集合中有一列叫 “CCode”，但是我们想在表格中显示出来的是 “CustomerCode”. 那就把要显示出来的列标题传给 “GetHtml” 函数的参数 “columns”。 下面的代码， 把 “CustomerCode” 显示成 “Code”， “CustomerName” 显示成 “Name”。
运行结果如下图.
技巧 5 : 给 MVC WebGrid 添加样式改变表格的外观，是开发中最常见的问题之一. 我们可以用 CSS 给 MVC Webgrid 设置样式. 你可以给 WebGrid 各个部分设置样式。如： 表头， 表尾， 行等。 就像平时写的 CSS 样式那样， 你可以设置 “webGrid” 的边距， 边框等。具体如下：
把上面的样式名称传给 “GetHtml” 函数的参数 “tableStyle” 。
运行的时候， 就能在浏览器中看到下面的效果：
技巧 6: 实现 Ajax 调用 WebGrid基本上现在的网站都离不开 Ajax 。 如果你想在 Ajax 代码中调用 WebGrid， 就按下面的步骤做。 首先， 把调用 “GetHtml” 的代码放到 div 标志中， 就像下面的代码那样写。其次， 给 div 设置一个 id , 并把这个 id 传给参数 “ajaxUpdateContainerId” 。
如果你没学过 ASP.NET MVC ， 可以到这里看下视频 www.questpond.com，两天学会 MVC （共 16 小时）.
|
