c# - 如何覆盖数据列表以呈现为 div 而不是表格？

Question

我想将数据列表呈现为 div 而不是表格，重复列将由 div 上的 float 样式固定。

所以任何人都知道一种覆盖渲染方法来做到这一点。

谢谢。

Answer 1

我找到了这个解决方案，但我发布它是为了帮助其他人；

有些用户建议使用 repeater，这是对的，但对于这种情况，在 datalist 中替换 div 而不是 table

RepeatLayout=RepeatLayout.Flow 

这将使 span 和 br。但是，将 Horizo​​ntal 用于 RepeatDirection 会移除 br，但仍会使用 span 呈现项目。

RepeatDirection=RepeatDirection.Horizontal 

此语句将删除 br，但仍会使用 span 呈现项目。

因此，覆盖 RenderContents 以在 span 之外创建您自己的 div 并删除 br 如果您不想这样做使用Horizo​​ntal RepeatDirection，如下:

protected override void RenderContents(HtmlTextWriter w)
{
    writer.WriteBeginTag("div");
    writer.WriteAttribute("id", this.ClientID);
    writer.WriteAttribute("class", cssClass);
    writer.Write(HtmlTextWriter.TagRightChar);
    foreach (DataListItem li in this.Items)
    {
        writer.WriteBeginTag("div");
        writer.WriteAttribute("id", li.ClientID);
        writer.WriteAttribute("class", li.CssClass);
        writer.Write(HtmlTextWriter.TagRightChar);
        li.CssClass = null; // clear css not to added in span
        li.RenderControl(w);
        writer.WriteEndTag("div");
    }
    writer.WriteEndTag("div");

}

我的问候