在asp.net中填充动态表？

Question

我非常感谢您对此的帮助。这是我的问题：

我有一个产品对象的 ArrayList。每个产品都有一个 ID、名称和供应商。 当我迭代数组列表并创建一个表以将该值放入单元格时，我遇到了一个问题：一种产品可以有多个供应商。如果是这种情况，则 id 和名称相同，但数组列表中的供应商不同。 到目前为止，我的代码通过为 id 和 name 创建空单元格并将其他供应商放入新单元格来解决此问题。

但是，为每个供应商创建新行看起来并不好。我想要的是，如果一种产品有多个供应商，我希望所有供应商都位于产品 ID 行的同一单元格中。

string id = string.Empty;
int count = 0;
public void CreateResultTable(ArrayList result)
{
    TableRow row;
    TableCell cell;

    if (result != null && result.Count > 0)
    {
        foreach (Item item in result)
        {

            if (count == 0)
            {
                row = new TableRow();
                id = item.id;

                cell = new TableCell();
                cell.Text = item.id;
                row.Cells.Add(cell);

                cell = new TableCell();
                cell.Text = item.product;
                row.Cells.Add(cell);

                cell = new TableCell();

                ArrayList levList = item.suppliers;
                if (levList != null)
                {

                    string lev = string.Empty;
                    for (int i = 0; i < levList.Count; i++)
                    {
                        lev += levList[i];
                    }
                    cell.Text = lev;
                    row.Cells.Add(cell);

                }
                else
                    cell.Text = string.Empty;
                    row.Cells.Add(cell);

                count++;
            }
            else if (id != item.id)
            {

                row = new TableRow();
                id = item.id;

                cell = new TableCell();
                cell.Text = item.id;
                row.Cells.Add(cell);

                cell = new TableCell();
                cell.Text = item.product;
                row.Cells.Add(cell);

                cell = new TableCell();

                ArrayList levList = item.suppliers;
                if (levList != null)
                {

                    string lev = string.Empty;
                    for (int i = 0; i < levList.Count; i++)
                    {
                        lev += levList[i];
                    }
                    cell.Text = lev;

                }
                else
                    cell.Text = string.Empty;
                row.Cells.Add(cell);


            }
            else
            {
                row = new TableRow();
                cell = new TableCell();
                cell.Text = string.Empty;
                row.Cells.Add(cell);

                cell = new TableCell();
                cell.Text = string.Empty;
                row.Cells.Add(cell);

                cell = new TableCell();
                ArrayList levList = item.suppliers;
                if (levList != null)
                {
                    string lev = string.Empty;
                    for (int i = 0; i < levList.Count; i++)
                    {
                        lev += levList[i];
                    }
                    cell.Text = lev;
                    row.Cells.Add(cell);
                }
                else
                    cell.Text = string.Empty;
                row.Cells.Add(cell);
            }

            SearchResultLev.Rows.Add(row);



        }


        SearchResultLev.Visible = true;
        SearchResult.Visible = false;
        NoSearchResult.Visible = false;
    }

    else
    {
        SearchResultLev.Visible = false;
        SearchResult.Visible = false;
        NoSearchResult.Visible = true;
    }

}

Answer 1

使用 GridView，而不是在代码隐藏中生成表。
我这里有一个示例，它使用 GridView 和 GridView 的项模板内的中继器。
中继器为每个供应商吐出一个无限的列表。

标记：

<asp:GridView ID='GridView1' runat='server' AutoGenerateColumns='false'>
      <Columns>
            <asp:BoundField HeaderText='Product ID' DataField='ID' />
            <asp:BoundField HeaderText='Name' DataField='Name' />
            <asp:TemplateField HeaderText='Suppliers'>
                <ItemTemplate>                    
                    <asp:Repeater DataSource='<%# Bind("Suppliers") %>' runat="server"   ID='Repeater1'>
                        <HeaderTemplate>
                            <ul>
                        </HeaderTemplate>
                        <ItemTemplate>
                            <li><%# Eval("Name") %></li>
                        </ItemTemplate>
                        <FooterTemplate>
                            </ul>
                        </FooterTemplate>
                    </asp:Repeater>
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
</asp:GridView>

以及绑定数据的代码（类型定义如下）

GridView1.DataSource = new List<TestProduct> 
        {
            new TestProduct
            {
                Name = "Test",
                ID = "1",
                Suppliers = new List<TestSupplier>
                {
                    new TestSupplier {  Name="Supplier1" },
                    new TestSupplier { Name = "Supplier2" },
                    new TestSupplier { Name =" A very long supplier name"}
                }
            }
        };

        GridView1.DataBind();

我使用了示例 TestProduct 和 TestSuppliers，

public class TestProduct
    {
        public String ID { get; set; }
        public String Name { get; set; }
        public List<TestSupplier> Suppliers { get; set; }
    }

public class TestSupplier { public String Name { get; set; }}

示例输出：

Answer 2

您可以在此处使用哈希表：

        Hashtable htProductCell = new Hashtable();
        if (!htProductCell.Contains(item.product))
        {
            //add a new row for the item
            htProductCell.Add(item.product, cell);
        }
        else
        {
            TableCell cell = (TableCell)htProductCell[item.product];
            ArrayList levList = item.suppliers; 
            if (levList != null) 
            { 
              string lev = string.Empty; 
              for (int i = 0; i < levList.Count; i++) 
              { 
                lev += levList[i]; 
              } 
              cell.Text += lev; 
              row.Cells.Add(cell); 
            }  

     }