User Control大家肯定不會(huì)陌生，在使用ASP.NET的過程中，除了ASPx頁(yè)面，最常見的就莫過于ascx了。ascx是一個(gè)有獨(dú)立邏輯的組件，提供了強(qiáng)大的復(fù)用特性，合理使用，能夠大大提高開發(fā)效率。通過User Control直接生成HTML內(nèi)容其實(shí)已經(jīng)是一個(gè)比較常用的技巧了（尤其在AJAX時(shí)代），不過網(wǎng)絡(luò)上這方面的內(nèi)容比較少，很多人還是在苦苦地拼接字符串，因此在這里我通過一個(gè)實(shí)例簡(jiǎn)單介紹一下這個(gè)技巧。

　　對(duì)一個(gè)對(duì)象（文章，圖片，音樂，etc.）進(jìn)行評(píng)論是應(yīng)用中最常見的功能之一。首先，我們定義一個(gè)Comment類，以及其中會(huì)用到的“獲取”方法：

public partial class Comment
{
    public DateTime CreateTime { get; set; }
 
    public string Content { get; set; }
}
 
public partial class Comment
{
    private static List<Comment> s_comments = new List<Comment>
    {
        new Comment
        {
            CreateTime = DateTime.Parse("2007-1-1"),
            Content = "今天天氣不錯(cuò)"
        },
        new Comment
        {
            CreateTime = DateTime.Parse("2007-1-2"),
            Content = "挺風(fēng)和日麗的"
        },
        new Comment
        {
            CreateTime = DateTime.Parse("2007-1-3"),
            Content = "我們下午沒有課"
        },
        new Comment
        {
            CreateTime = DateTime.Parse("2007-1-1"),
            Content = "這的確挺爽的"
        }
    };
 
    public static List<Comment> GetComments(int pageSize, int pageIndex, out int totalCount)
    {
        totalCount = s_comments.Count;
 
        List<Comment> comments = new List<Comment>(pageSize);
 
        for (int i = pageSize * (pageIndex - 1);
            i < pageSize * pageIndex && i < s_comments.Count; i++)
        {
            comments.Add(s_comments[i]);
        }
 
        return comments;
    }
}

　　為了顯示一個(gè)評(píng)論列表，我們可以使用一個(gè)用戶控件（ItemComments.ASPx）來(lái)封裝。自然，分頁(yè)也是必不可少的：

<ASP:Repeater runat="server" ID="rptComments">
    <ItemTemplate>
        時(shí)間：<%# (Container.DataItem as Comment).CreateTime.ToString() %><br />
        內(nèi)容：<%# (Container.DataItem as Comment).Content %> 
    </ItemTemplate>
    <SeparatorTemplate>
        <hr />
    </SeparatorTemplate>
    <FooterTemplate>
        <hr />
    </FooterTemplate>
</ASP:Repeater>
 
<% if (this.PageIndex > 1)
   { %>
        <a href="/ViewItem.ASPx?page=<%= this.PageIndex - 1 %>" title="上一頁(yè)">上一頁(yè)</a>&nbsp;
<% } %>

<% if (this.PageIndex * this.PageSize < this.TotalCount)
   { %>
        <a href="/ViewItem.ASPx?page=<%= this.PageIndex + 1 %>" title="上一頁(yè)">下一頁(yè)</a>
<% } %>

　　還有：

public partial class ItemComments : System.Web.UI.UserControl
{
    protected override void OnPreRender(EventArgs e)
    {
        base.OnPreRender(e);
 
        this.rptComments.DataSource = Comment.GetComments(this.PageSize,
            this.PageIndex, out this.m_totalCount);
        this.DataBind();
    }
 
    public int PageIndex { get; set; }
 
    public int PageSize { get; set; }
 
    private int m_totalCount;
    public int TotalCount
    {
        get
        {
            return this.m_totalCount;
        }
    }
} 

　　然后再頁(yè)面（ViewItem.ASPx）中使用這個(gè)組件：

<div id="comments"><demo:ItemComments ID="itemComments" runat="server" /></div>

　　以及：

public partial class ViewItem : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        this.itemComments.PageIndex = this.PageIndex;
    }
 
    protected int PageIndex
    {
        get
        {
            int result = 0;
            Int32.TryParse(this.Request.QueryString["page"], out result);
 
            return result > 0 ? result : 1;
        }
    }
} 

　　打開ViewItem.ASPx之后效果如下：

NET技術(shù)：使用User Control做HTML生成，轉(zhuǎn)載需保留來(lái)源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。