关键字：DataGrid 动态模板 Ajax
我们使用ajax实现无刷新界面时，对于DataGrid，Repeater等列表还是比较麻烦的，经过我的尝试，找出一种比较合理的方法，可以免除对html的加工处理，随时获取到数据列表的HTML content，并且列表格式使用模板，更加容易维护，阅读
原理是将模板写入用户控件，使用LoadTemplate来加载，然后将其赋给DataGrid或Repeater等控件，绑定后输出HTML到客户端
.aspx.cs
[AjaxPro.AjaxMethod]
public string GetListHTML(string old)
{
Repeater rpt = new Repeater();
ITemplate temp = Page.LoadTemplate("webusercontrol1.ascx");
rpt.ItemTemplate = temp;
rpt.DataSource = Albums.GetFolderList(1);
rpt.DataBind();
System.Text.StringBuilder sb = new System.Text.StringBuilder();
System.IO.StringWriter sw = new System.IO.StringWriter(sb);
HtmlTextWriter writer = new HtmlTextWriter(sw);
rpt.RenderControl(writer);
sw.Flush();
writer.Close();
sw.Close();
Response.Write(sb.ToString());
}
webusercontrol1.ascx<%@ Control Language="C#" %>
<%# DataBinder.Eval(((RepeaterItem)Container).DataItem, "folderName")%><br />
上面就是列表的全部代码， js端只需调用 类名.GetListHTML 即可快速获取模板化的列表了。
对应DataGrid，可以增加TemplateCollumn等方法来模板化
webusercontrol1.ascx
webusercontrol1.ascx<%@ Control Language="C#" %>
<%# DataBinder.Eval(((DataGridItem)Container).DataItem, "folderName")%><br />
.aspx.cs 部分代码：
DataGrid DataGrid1 = new DataGrid();
ITemplate temp = Page.LoadTemplate("webusercontrol1.ascx");
TemplateColumn tc = new TemplateColumn();
tc.HeaderText = "Test";
tc.ItemTemplate = temp;
DataGrid1.Columns.Add(tc);
DataGrid1.AutoGenerateColumns = false;
DataGrid1.DataSource = Albums.GetFolderList(1);
DataGrid1.DataMember = "id";
DataGrid1.DataBind();
全文完
