FineUIMvc随笔（1）动态创建表格列

声明：FineUIMvc（基础版）是免费软件，本系列文章适用于基础版。

《FineUIMvc随笔》目录

FineUIMvc随笔（2）怎样在控件中嵌套 HTML

FineUIMvc随笔（3）不能忘却的回发（__doPostBack）

FineUIMvc随笔（4）自定义回发参数与自定义回发

FineUIMvc随笔（5）UIHelper是个什么梗？

FineUIMvc随笔（6）对比WebForms和MVC中表格的数据库分页

FineUIMvc随笔（7）扩展通知对话框（显示多个不重叠）

...

用户需求

用户希望实现动态创建表格列，在 WebForms 中，我们通过在 Page_Init 中创建列来实现：

但是在 MVC 中，如果还想着 WebForms 的那一套，想着怎么才能在 Controller 中访问 View 中的表格控件，这是行不通的。

我曾写过一个系列文章《ASP.NET MVC快速入门（MVC5+EF6）》，开篇就讲到了 MVC 中的页面的生成流程：

这个页面之所以能够呈现在我们眼前，经历了三个主要流程：

MVC的路由引擎根据URL查找相应的控制器（HomeController.cs）。

控制器的操作方法About准备数据，然后传入视图Home/About.cshtml。

视图准备HTML片段，放入布局页面并返回浏览器。

控制器准备数据，传入视图，然后视图才开始渲染页面。也就是说控制器执行时，对视图的内容一无所知。理解这一点很重要。

动态创建表格列

当然在 MVC 中实现动态创建表格列也不难，我们需要将表格列数据（GridColumn[]）像表格数据源一样传递给视图即可。

控制器：

// GET: Grid/DynamicColumns
public ActionResult Index()
{InitGridColumns();return View(DataSourceUtil.GetDataTable());
}private void InitGridColumns()
{List<GridColumn> columns = new List<GridColumn>();RenderField field = null;columns.Add(new RowNumberField());field = new RenderField();field.HeaderText = "性别";field.DataField = "Gender";field.FieldType = FieldType.Int;field.RendererFunction = "renderGender";field.Width = 80;columns.Add(field);field = new RenderField();field.HeaderText = "入学年份";field.DataField = "EntranceYear";field.FieldType = FieldType.Int;field.Width = 100;columns.Add(field);RenderCheckField checkfield = new RenderCheckField();checkfield.HeaderText = "是否在校";checkfield.DataField = "AtSchool";checkfield.RenderAsStaticField = true;checkfield.Width = 100;columns.Add(checkfield);// ...
ViewBag.Grid1Columns = columns.ToArray();
}

在控制器中，动态创建 List<GridColumn> 对象，并保存到 ViewBag.Grid1Columns。

实际项目中，这一步可能需要和数据库交互，来获取需要动态创建的表格列。

视图：

@{ViewBag.Title = "Grid/Grid";var F = @Html.F();
}@model System.Data.DataTable@section body {@(F.Grid().EnableCollapse(true).Width(850).Title("表格（动态创建列）").ShowHeader(true).ShowBorder(true).ID("Grid1").DataIDField("Id").DataTextField("Name").Columns(ViewBag.Grid1Columns).DataSource(Model))<br><br>@(F.Button().Text("选中了哪些行").ID("Button1").Listener("click", "notifySelectedRows('Grid1');"))}

页面效果：

小结

本篇文章介绍了 WebForms 和 MVC 中动态创建表格列的方法。通过对比，也希望大家能充分了解两种框架的重要区别。

如果你刚开始接触 MVC，建议先从三石的系列教程开始：http://www.cnblogs.com/sanshi/p/6210695.html

转载于:https://www.cnblogs.com/sanshi/p/6473592.html