在FineUI的官方示例中有类似的实现。示例中实现了动态增加列，但有时我们可能需要动态修改列。先来看效果图

下面是代码实现

DynamicGrid.aspx

DynamicGrid.aspx.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using FineUI;

namespace FineUITest

{

public partial class DynamicGrid : System.Web.UI.Page

{

private const string GRID_COLUMN_HEADER = "GRID_COLUMN_HEADER";

private const string UPDATE_HEADER = "UPDATE_HEADER";

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

InitLoad();

}

}

private void InitLoad()

{

if (!NeedUpdateHeader())

{

Session.Remove(GRID_COLUMN_HEADER);

return;

}

List headers = Session[GRID_COLUMN_HEADER] as List;

if (headers == null)

{

return;

}

FineUI.BoundField bf = null;

foreach (String header in headers)

{

bf = new FineUI.BoundField();

bf.HeaderText = header;

bf.DataFormatString = "{0}";

GridDemo.Columns.Add(bf);

}

}

private bool NeedUpdateHeader()

{

if (Request == null)

{

return false;

}

String updateHeader = Request.QueryString[UPDATE_HEADER];

if (String.IsNullOrWhiteSpace(updateHeader) || updateHeader.ToUpper().Equals("FALSE"))

{

return false;

}

return true;

}

protected void btnAdd_Click(object sender, EventArgs e)

{

List headers = Session[GRID_COLUMN_HEADER] as List;

if (headers == null)

{

headers = new List();

}

String header = "列" + headers.Count.ToString();

headers.Add(header);

Session[GRID_COLUMN_HEADER] = headers;

PageContext.Redirect(FetchRefreshUrl());

}

private String FetchRefreshUrl()

{

String url = "DynamicGrid.aspx";

url += "?" + UPDATE_HEADER + "=TRUE";

return url;

}

protected void btnEdit_Click(object sender, EventArgs e)

{

List headers = Session[GRID_COLUMN_HEADER] as List;

if (headers == null || headers.Count <= 0)

{

Alert.Show("暂无可供修改的列");

return;

}

WindowEdit.Hidden = false;

DropDownListHeaders.DataSource = headers;

DropDownListHeaders.DataBind();

DropDownListHeaders.SelectedIndex = 0;

}

protected void btnOK_Click(object sender, EventArgs e)

{

List headers = Session[GRID_COLUMN_HEADER] as List;

if (headers == null || headers.Count <= 0)

{

Alert.Show("暂无可供修改的列");

return;

}

if (String.IsNullOrWhiteSpace(TextBoxNewHeader.Text))

{

Alert.Show("请输入新列名");

return;

}

int index = DropDownListHeaders.SelectedIndex;

headers[index] = TextBoxNewHeader.Text;

Session[GRID_COLUMN_HEADER] = headers;

PageContext.RegisterStartupScript(ActiveWindow.GetHideReference());

PageContext.Redirect(FetchRefreshUrl());

}

protected void btnCancel_Click(object sender, EventArgs e)

{

PageContext.RegisterStartupScript(ActiveWindow.GetHideReference());

}

}

}

说明：

1.从官方示例中可知，动态列的创建是在Page_Load或者Page_Init中完成的。为了触发这一事件，我们通过重定向Redirect来实现。

2.创建及修改的列名称存在Session中。

3.对于表格的中数据也可采用类似的方式实现，不过由于Session不能存太多的数据，所以数据量大时必须作相应的处理。比如借助数据库。

4.不论后台如何处理，在前端上呈现的都只能是html和js的代码。所以后端修改了界面后，是必须要刷新界面才能上去的。只是有的采用了直接刷新，有的采用了异步AJAX刷新。所以我们这里修改界面的标题，采用重定向刷新界面的方式来实现。