如何构建像 DataBound Templated Custom ASP.NET Server Control 这样的 GridView

Question

我正在尝试开发一个非常简单的模板化自定义服务器控件，它类似于 GridView。基本上，我希望将控件添加到 .aspx 页面中，如下所示：

    <cc:SimpleGrid ID="SimpleGrid1" runat="server">
         <TemplatedColumn>ID: <%# Eval("ID") %></ TemplatedColumn>
         <TemplatedColumn>Name: <%# Eval("Name") %></ TemplatedColumn>
         <TemplatedColumn>Age: <%# Eval("Age") %></ TemplatedColumn>
    </cc:SimpleGrid>

当提供以下数据源时：

    DataTable table = new DataTable();
    table.Columns.Add("ID", typeof(int));
    table.Columns.Add("Name", typeof(string));
    table.Columns.Add("Age", typeof(int));

    table.Rows.Add(1, "Bob", 35);
    table.Rows.Add(2, "Sam", 44);
    table.Rows.Add(3, "Ann", 26);

    SimpleGrid1.DataSource = table;
    SimpleGrid1.DataBind();

结果应该是这样的 HTML 表格。

 -------------------------------
 | ID: 1 | Name: Bob | Age: 35 |
 -------------------------------
 | ID: 2 | Name: Sam | Age: 44 |
 -------------------------------
 | ID: 3 | Name: Ann | Age: 26 |
 -------------------------------

主要问题是我无法定义 TemplatedColumn。当我试图这样做时......

    private ITemplate _TemplatedColumn;
    [PersistenceMode(PersistenceMode.InnerProperty)]
    [TemplateContainer(typeof(TemplatedColumnItem))]
    [TemplateInstance(TemplateInstance.Multiple)] 
    public ITemplate TemplatedColumn
    {
        get { return _TemplatedColumn; }
        set { _TemplatedColumn = value; }
    }

.. 然后在 CreateChildControls 中实例化模板我得到了以下结果，这不是我想要的：

 -----------
 | Age: 35 |
 -----------
 | Age: 44 |
 -----------
 | Age: 26 |
 -----------

• 我知道我想要实现的目标毫无意义，我可以使用 DataGrid 来实现它，但我给出了这个非常简单的示例，因为如果我知道如何执行此操作，我将能够开发我需要的控件.谢谢。

Answer 1

看看这篇文章：Building DataBound Templated Custom ASP.NET Server Controls

它已经很老了，但我想它仍然有效。

Answer 2

我遇到了和你一样的问题。

经过一番搜索，我找到了一种方法来做你想做的事。它并不完美，因为它需要为每列定义一个控件 + 一个模板（您给出的示例直接定义了一个模板），但它可以工作。

//define a new property "Columns" in the grid
//it will hold a collection of controls of type "TemplatedColumn"
public class Grid : WebControl
{
    private ColumnsCollection _columnsCollection;
    public virtual ColumnsCollection Columns
    {
        get
        {
            if (_columnsCollection == null)
               _columnsCollection = new ColumnsCollection();
            return _columnsCollection;
        }
    } 
}

//define ColumnsCollection class (must implement IList)
public class ColumnsCollection : List<TemplatedColumn>  { ... }

//define TemplatedColumn webcontrol (in this case, must have a template)
public TemplatedColumn : WebControl
{ 
    private ITemplate _Template;

    [...] //attributes
    public ITemplate Template
    {
        get { return _Template; }
        set { _Template = value; }
    }
}

那么你可以这样做：

   <cc:Grid runat="server">
     <Columns>
         <cc:TemplatedColumn runat="server">
            <Template>ID: <%# Eval("ID") %></Template>
         </cc:TemplatedColumn>
         <cc:TemplatedColumn runat="server">
            <Template>Name: <%# Eval("Name") %></Template>
         </cc:TemplatedColumn>
     <Columns>
   </cc:Grid>

Answer 3

我知道如何让你明白：

DataTable table = new DataTable();
table.Columns.Add("ID", typeof(int));
table.Columns.Add("Name", typeof(string));
table.Columns.Add("Age", typeof(int));

table.Rows.Add(1, "Bob", 35);
table.Rows.Add(2, "Sam", 44);
table.Rows.Add(3, "Ann", 26);

SimpleGrid1.DataSource = table;
SimpleGrid1.DataBind();

到这里：

-------------------------------
| ID: 1 | Name: Bob | Age: 35 |
-------------------------------
| ID: 2 | Name: Sam | Age: 44 |
-------------------------------
| ID: 3 | Name: Ann | Age: 26 |
-------------------------------

从 ITemplate 派生：

public class CustomColumnDefiner : ITemplate { ...

为列名和 ListItemType 添加一个公共字段到 CustomColumnDefiner。

在 CustomColumnDefiner 中重写此函数：

void ITemplate.InstantiateIn(System.Web.UI.Control container)

在 InstantiateIn 中，如果成员 ListItemType 是 ListItemType.Item，请检查列名。如果列名是年龄，则将传入标签的值编辑为“年龄：”+传入值。它基本上是对列的每个单元格进行后处理以添加“年龄：”部分。

在设置方面有这样的功能：

private static TemplateField GetTemplateColumn(string sColName)
    {
        TemplateField templateField = new TemplateField();

        templateField.HeaderTemplate = new CustomColumnDefiner(ListItemType.Header, sColName);
        templateField.ItemTemplate = new CustomColumnDefiner(ListItemType.Item, sColName);

        return templateField;
    }

然后在你的aspx页面代码后面。

myGridView.Columns.Add(GetTemplateColumn("Age"));

我已经使用这种方法来使 GridViews 符合我的意愿。它适用于从您的数据表到您想要的 html 表。我不知道它是否适合您的整体解决方案。