首页 > 代码库 > FineUIMvc随笔 - 动态创建表格列
FineUIMvc随笔 - 动态创建表格列
声明：FineUIMvc（基础版）是免费软件，本系列文章适用于基础版。
用户需求
用户希望实现动态创建表格列，在 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/DynamicColumnspublic 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
FineUIMvc随笔 - 动态创建表格列
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。