Question

Photo Album 我必须在图像中显示照片库。我将照片库的信息存储在4个不同的表中。我需要在主页上显示CategoryName和Albums以及他们尊重的Icon并将它们链接到AlbumCategoryPage.aspx。

为了达到这个目的，我使用的是嵌套转发器控件。

Parent Repeater将显示Category Image（以红色显示），然后显示同一类别中的前四个专辑，依此类推。

到目前为止，我已经像这样做了

            <asp:Repeater ID="rptAlbumCategory" runat="server" OnItemDataBound="rptAlbumCategory_ItemBound">
                <ItemTemplate>
                        <!-- Repeated data -->
                        <div class="AlbumRowWrapper">
                            <div id="dAlbumCategory" class="AlbumCategoryIcon">
                                <asp:Image ID="Image1" ImageUrl='<%# getImagePath(Eval("CategoryImage")) %>' runat="server" />
                            </div>
                        </div>
                        <asp:Repeater ID="rptAlbums" runat="server" >
                            <ItemTemplate>
                                <!-- Nested repeated data -->
                            </ItemTemplate>
                        </asp:Repeater>
                    </ItemTemplate>
            </asp:Repeater>

代码背后

页面加载

 protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {     //Get Gallery
            DataSet dsAlbumCat = new DataSet();
            string strSql = "SELECT * FROM AlbumCategory)";
            dsAlbumCat = DataProvider.Connect_Select(strSql);
            rptAlbumCategory.DataSource = dsAlbumCat;
            rptAlbumCategory.DataBind();
}
}

protected void rptAlbumCategory_ItemBound(Object Sender, RepeaterItemEventArgs e)
{

if (e.Item.ItemType == ListItemType.Item)
{
    Repeater childRepeater = (Repeater)e.Item.FindControl("rptAlbumCategory");
   // childRepeater.DataSource = getAlbums();
   // childRepeater.DataBind();
}

}

protected void getAlbums()
{
    DataSet dsAlbums = new DataSet();
    string strSql = "SELECT * FROM AlbumName WHERE CategoryID = " + CategoryID + ")";
    dsAlbums = DataProvider.Connect_Select(strSql);
    rptAlbums.DataSource = dsAlbums;
    rptAlbums.DataBind();
}

protected String getImagePath(object img)
{
    string url;
    url = "~/Images/gallery/" + img;

    return url;
}

使用此代码，我可以得到以下结果。 enter image description here

我不知道如何将CategoryID从父转发器传递给Child repeater，以便它会显示相关的相册。

我第一次使用嵌套式中继器＆amp;发现它令人困惑，因为我无法找到与我的场景相关的完整示例

表格结构

TABLE AlbumCategory
CategoryID
CategoryName
CategoryImageIcon
CategoryVisible
LanguageID

TABLE AlbumName
AlbumID
AlbumName
AlbumDescription
AlbumImageIcon
CategoryID
LanguageID

在这方面，我将非常感谢帮助完成与第一张图片中展示相同的设计的最佳方法

Answer 1

试试这个

    Dim ds As DataSet = getCategoriesAndName()
    ds.Relations.Add("relation_category", ds.Tables(0).Columns("CategoryID"), ds.Tables(1).Columns("CategoryID"))
    rptAlbumCategory.DataSource = ds
    rptAlbumCategory.DataBind()

getCategoriesAndName（）将返回具有两个数据表（类别和名称）的数据集。然后在

 Protected Sub rptAlbumCategory_ItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.RepeaterItemEventArgs) Handles rptAlbumCategory.ItemDataBound
   Dim rptrAlbums As Repeater = TryCast(e.Item.FindControl("rptrAlbums"), Repeater)
   rptrAlbums.DataSource = TryCast(e.Item.DataItem, DataRowView).CreateChildView("relation_category")
   ' Bind the child repeater  
   rptrAlbums.DataBind()
 End Sub

我认为这更容易： - ）

在嵌套转发器控件中显示数据＆amp;如何使用asp.net将值parentID从Parent Repeater传递给Child Repeater

1 个答案: