如何在 ASP.NET 中格式化数据

Question

我正在使用 ASP.NET 和 SQL。

我在一个表中有 3 列。我应该以这种方式填充数据：

Date: 2014-09-22
Description1: xyz (this should be bold)
Description2 pqrs (normal paragraph)

在水平标签之后应该出现另一个数据

---

Date: 2013-09-22 
Description1: abcd (this should be bold)
Description2 qwe (normal paragraph)

我可以在GridView 中填充数据，但我不知道如何以这种方式格式化数据。我是 ASP.NET 的新手。

建议我一些工具或链接，或者请帮助编写代码。

Answer 1

在您的 aspx/ascx 中，您需要使用asp:Repeater 控件，如下所示：

    <asp:Repeater runat="server">
        <ItemTemplate>
            <p>Date: <asp:Literal runat="server" ID="litDate"></asp:Literal></p>
            <p>Description 1: <strong><asp:Literal runat="server" ID="litDesc1"></asp:Literal></strong></p>
            <p>Description 2: <asp:Literal runat="server" ID="litDesc2"></asp:Literal></p>
        </ItemTemplate>
        <SeparatorTemplate>
            <hr />
        </SeparatorTemplate>
    </asp:Repeater>

在代码隐藏中，您应该将对象集合绑定到此Repeater，并处理OnDataBinding 事件，您应该为asp:Literal 控件分配适当的值：

class DataItem
{
    public DateTime Date { get; set; }

    public string Desc1 { get; set; }

    public string Desc2 { get; set; }
}

protected void Page_Load(object sender, EventArgs e)
{
    rptData.DataSource = new[]
        {
            new DataItem { Date = new DateTime(2013, 9, 30), Desc1 = "Test Desc 1", Desc2 = "Test Desc 2" },
            new DataItem { Date = new DateTime(2013, 9, 30), Desc1 = "Test Desc 3", Desc2 = "Test Desc 4" } 
        };

    rptData.ItemDataBound += OnItemDataBind;
    rptData.DataBind();
}

protected void OnItemDataBind(object sender, RepeaterItemEventArgs e)
{
    if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
    {
        var data = e.Item.DataItem as DataItem;

        var dateLiteral = e.Item.FindControl("litDate") as Literal;
        dateLiteral.Text = data.Date.ToString("yyyy-MM-dd");

        var desc1Literal = e.Item.FindControl("litDesc1") as Literal;
        desc1Literal.Text = data.Desc1;

        var desc2Literal = e.Item.FindControl("litDesc2") as Literal;
        desc2Literal.Text = data.Desc2;
    }
}