1

我正在尝试使用来自 Access 数据源的嵌套中继器生成分层列表。每个项目都有一个唯一的 ID，但根据区域进行分类。

我希望列表看起来像：

  • 区域1
    • 项目1
    • 项目2
  • 区域2
    • 第 3 项
    • 第 4 项
  • 等等……

尽我所能，区域组元素不断重复，我得到类似的东西：

  • 区域1
    • 项目1
  • 区域1
    • 项目2
  • 区域2
    • 第 3 项
  • 区域2
    • 第 4 项
  • 等等……

我的标记发布在下面。

      <asp:Repeater ID="CategoryRepeater" runat="server" OnItemDataBound="CategoryRepeater_bound" EnableViewState="false">
            <HeaderTemplate>
                <ul>
            </HeaderTemplate>
            <FooterTemplate>
                </ul>
            </FooterTemplate>
            <ItemTemplate>
                <li>
                    <%#((DataRowView)Container.DataItem)["Area"]%>
                </li>
                    <asp:Repeater ID="childRepeater" runat="server">
                        <HeaderTemplate>
                            <ul>
                        </HeaderTemplate>
                        <FooterTemplate>
                            </ul>
                        </FooterTemplate>
                        <ItemTemplate>
                            <li>
                                <%#((DataRowView)Container.DataItem)["ItemID"]%>
                            </li>                     
                        </ItemTemplate>
                    </asp:Repeater>
            </ItemTemplate>
        </asp:Repeater>




protected void Page_Load(object sender, EventArgs e)
{
    string cn = "Provider=Microsoft.Jet.OleDb.4.0;Data Source=|DataDirectory|Source.mdb";

using (OleDbConnection conn = new OleDbConnection(cn))
  {

    OleDbCommand cmd = new OleDbCommand("Select ItemID, Area FROM [Location]", conn);
    OleDbDataAdapter da = new OleDbDataAdapter(cmd);


    DataSet ds = new DataSet();
    da.Fill(ds, "Table1");
    cmd.CommandText = "SELECT Area, ItemID, Drawing FROM [Location]";
    da.SelectCommand = cmd;
    da.Fill(ds, "Table2");
    ds.Relations.Add(new DataRelation("drTable", ds.Tables["Table1"].Columns["ItemID"], ds.Tables["Table2"].Columns["ItemID"]));
    CategoryRepeater.DataSource = ds.Tables["Table1"];
    CategoryRepeater.DataBind();
  }
}



protected void CategoryRepeater_bound(object source, RepeaterItemEventArgs e)
{
    RepeaterItem item = e.Item;
    if (item.ItemType == ListItemType.AlternatingItem || item.ItemType == ListItemType.Item)
    {
        DataRowView drv = (DataRowView)e.Item.DataItem;

        Repeater rep = (Repeater)item.FindControl("childRepeater");
        rep.DataSource = drv.CreateChildView("drTable");
        rep.DataBind(); 

     }

}
4

2 回答 2

2

您需要将子中继器放置在<li></li>标签内，目前它在标签之外会导致主要的 html 布局问题。你的整个逻辑也是不正确的。在您的第一个查询中，您正在选择这样的区域Select ItemID, Area FROM [Location]，这将返回如下数据：

Area 1  Item 1
Area 1  Item 2
Area 2  Item 3
Area 2  Item 4

依此类推，因此中继器将相应地分组。因此，当您将父级绑定到这些结果时，您将获得 Area1、Area1、Area 2、Area 2... 我会避免使用数据表，可能会使用 Linq to SQL 或 Entity Framework 之类的东西。但在您的情况下，最快的修复方法如下：

添加标签

<li>                           
    <asp:Label ID="lblArea" runat="server" Text='<%#((DataRowView)Container.DataItem)["Area"]%>' />                       
</li>

在代码中

protected void Page_Load(object sender, EventArgs e)    {        
    string cn = "Provider=Microsoft.Jet.OleDb.4.0;Data Source=|DataDirectory|Source.mdb";        
    using (OleDbConnection conn = new OleDbConnection(cn))      
    {            
        OleDbCommand cmd = new OleDbCommand("Select Area FROM [Location]", conn);        
        OleDbDataAdapter da = new OleDbDataAdapter(cmd);                
        DataSet ds = new DataSet();        
        da.Fill(ds, "Table1");               
        CategoryRepeater.DataSource = ds.Tables["Table1"];                    
        categoryRepeater.DataBind();      
    }    
}

protected void CategoryRepeater_bound(object source, RepeaterItemEventArgs e) 
{             
    RepeaterItem item = e.Item;             
    if (item.ItemType == ListItemType.AlternatingItem || item.ItemType == ListItemType.Item)             
    {                             
        Repeater rep = (Repeater)item.FindControl("childRepeater");  
        Label lblArea = (Label)item.FindControl("lblArea");  

        OleDbCommand cmd = new OleDbCommand("Select ItemID, Drawind FROM [Location] WHERE Area = '" + lblArea.Text+ "'", conn);        
        OleDbDataAdapter da = new OleDbDataAdapter(cmd);                
        DataSet ds = new DataSet();        
        da.Fill(ds, "Table1");               
        rep.DataSource = ds.Tables["Table1"];                    
        rep.DataBind();  
    }                  
}
于 2012-06-26T05:55:29.230 回答
1

我认为您设置的 DataRelation 不正确。根据您的代码，您将 Area 作为父级，将 ItemId 作为子级。但是，当您创建 DataRelation 时，您将两个表中的列都设置为 ItemId。这将导致子表与父表是一对一的。

您应该改为在列 Area 上设置 DataRelation。这应该可以解决我认为的问题。

但是，如果父表包含具有相同区域的多行，则这将不起作用，因此您可能必须更改用于填充父表（表 1）的 sql。目前尚不清楚这是否有必要，但我认为有必要。也许是这样的：

OleDbCommand cmd = new OleDbCommand("Select DISTINCT Area FROM [Location]", conn);

希望这可以帮助。

编辑：另请参阅 fenix2222 关于格式错误的 html 的回答。

于 2012-06-26T06:03:24.077 回答