从列表中创建HTML表

时间:2011-01-26 07:41:20

标签: c# asp.net html

我正在尝试从List中获取一些值,然后使用此数据创建一个html表,但我无法使其正常工作。

我有:

HtmlTable table = new HtmlTable();
HtmlTableRow row;
HtmlTableCell cell;

foreach(var item in Name)
{
    row = new HtmlTableRow();

    foreach(var familyName in item.familyName)
    {
        cell = new HtmlTableCell();
        cell.InnerText = item.familyName.ToString();
        row.Cells.Add(cell);
    }
    foreach (var givenName in item.givenName)
    {
        cell = new HtmlTableCell();
        cell.InnerText = item.givenName.ToString();
        row.Cells.Add(cell);
    }

    table.Rows.Add(row);
}
this.Controls.Add(table);

当我单步执行调试器时,我可以看到row.Cells.Add(cell)包含第一个循环中的系列名称,并在第二个循环中给出了名称,但后来似乎有些错误,我无法得到表格显示在包含此数据的页面上。

当我检查table.rows.add(行)时,它会显示“base {System.SystemException} = {"'HtmlTableRow' does not support the InnerText property."}

我在这里做错了什么?

1 个答案:

答案 0 :(得分:10)

我已经介入了您的代码,我无法复制您提到的错误。

如果没有看到您的数据结构Name,很难肯定地说,但有几点意见:

予。如果familyName是一个字符串,则内部foreach将对字符串中的每个字符执行一次。此可能不是,因为它会输出 x 的姓氏 x = surname.length。

这会导致每行的表格单元格数量不等,除非你的所有姓氏都是相同的长度。

所以我会说摆脱

foreach(var familyName in item.familyName){...}

循环,只需将代码留在里面,这样它就只输出一次姓氏。

II。我猜测 item.givenName是一个数组或集合,例如列表与LT;>串?如果是这样,你可以使用

cell.InnerText = givenName;  

请注意,会为每行提供不均匀数量的表格单元格,因为人们拥有不同数量的名字; - )

说过你真的应该使用内置控件来做这种事情 - 中继器可能是要走的路。

E.g。

<强>标记

<asp:Repeater runat="server" id="rptNames" onItemDataBound="rptName_ItemDataBound" >
        <HeaderTemplate>
            <table>
                <tr>
                    <td>Given Name(s)</td>
                    <td>Family Name</td>
                </tr>
        </HeaderTemplate>
        <ItemTemplate>
            <tr>
                <td><%# Eval("FamilyName") %></td>
                <td>
                    <asp:Label runat="server" id="lGivenNames" />
                </td>
            </tr>            
        <ItemTemplate>
        <FooterTemplate>
            </table>
        </FooterTemplate>
</asp:Repeater>

<强>代码隐藏

可能由Page_Load触发 - 只需将转发器绑定到您的Name集合:

rptNames.DataSource = Name;

rptNames.DataBind();

要输出GivenName,您可以使用为转发器的每一行调用的ItemDataBound事件:

protected void rptNames_ItemDataBound(object sender, RepeaterItemEventArgs e){
    //Not interested the Header and Footer rows
    if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem){
        Label l = ((Label)e.Item.FindControl("lGivenNames"));

        string[] arrGivenNames = ((FullName)e.Item.DataItem).GivenNames;

        foreach (string n in arrGivenNames){//could use a StringBuilder for a performance boost.
            l.Text += n + "&nbsp;";         //Use a regular space if using it for Winforms
        }
        //For even slicker code, replace the Label in your repeater with another repeater and bind to that. Google `nested repeater` for a how to.
    }
}

HTH。

完整代码

<h2>Doing it by hand - manually building up an HTML Table</h2>

<asp:Panel runat="server" ID="pnl1">
</asp:Panel>

<h2>With a Repeater</h2>

<asp:Repeater runat="server" id="rptNames" onItemDataBound="rptName_ItemDataBound" >
        <HeaderTemplate>
            <table border="1" style="border-color:Red;">
                <tr>
                    <td>Given Name(s)</td>
                    <td>Family Name</td>
                </tr>
        </HeaderTemplate>
        <ItemTemplate>
            <tr>
                <td><%# Eval("FamilyName") %></td>
                <td>
                    <asp:Label runat="server" id="lGivenNames" />
                </td>
            </tr>     
        </ItemTemplate>       
        <FooterTemplate>
            </table>
        </FooterTemplate>
</asp:Repeater>


    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.Web.UI.HtmlControls;

    namespace Testbed.WebControls
    {
        internal class FullName{
            public string FamilyName{get;set;}
            public string[] GivenNames{get;set;}
            public FullName(){

            }
            public FullName(string[] _givenNames, string _familyName)
            {
                FamilyName = _familyName;
                GivenNames = _givenNames;
            }
        }
        public partial class HTMLTables : System.Web.UI.Page
        {
            List<FullName> Name;

            protected void Page_Load(object sender, EventArgs e)
            {
                this.Name = new List<FullName>();
                Name.Add(new FullName(new string[]{"Kylie"},"Minogue"));
                Name.Add(new FullName(new string[]{"Angelina", "Kate", "Very-Lovely"}, "Jolie"));
                Name.Add(new FullName(new string[]{"Audrey", "Veronica"},"Hepburn"));

                HtmlTable table = new HtmlTable();
                table.Border = 1;
                HtmlTableRow row;
                HtmlTableCell cell;

                row = new HtmlTableRow();
                cell = new HtmlTableCell();
                cell.InnerText = "Given Name";
                row.Cells.Add(cell);

                cell = new HtmlTableCell();
                cell.InnerText = "Family Name";
                row.Cells.Add(cell);


                foreach (var item in Name)
                {
                    row = new HtmlTableRow();

                    //foreach (var familyName in item.FamilyName){
                        cell = new HtmlTableCell();
                        cell.InnerText = item.FamilyName.ToString();
                        row.Cells.Add(cell);
                    //}
                    foreach (string givenName in item.GivenNames)
                    {
                        cell = new HtmlTableCell();
                        cell.InnerText = givenName.ToString();
                        row.Cells.Add(cell);
                    }

                    table.Rows.Add(row);
                }
                this.pnl1.Controls.Add(table);


                //Or do it with a repeater
                rptNames.DataSource = Name;
                rptNames.DataBind();

            }

            //This gets called everytime a data object gets bound to a repeater row
            protected void rptName_ItemDataBound(object sender, RepeaterItemEventArgs e){
                switch(e.Item.ItemType){
                    case ListItemType.Item:
                    case ListItemType.AlternatingItem:
                        string[] arrGivenNames = ((FullName)e.Item.DataItem).GivenNames;

                        foreach(string n in arrGivenNames){
                            ((Label)e.Item.FindControl("lGivenNames")).Text += n + @"&nbsp;";
                        }
                    break;

                    default:

                    break;
                }
            }
        }
    }