Asp.net 生成卡片而不是使用 GridView 动态生成卡片

Asp.net generate cards instead of using GridView to do so dynamically

我对 ASP.NET Web 表单还很陌生。我们如何使用ASP.NETVB语言中使用GridView的相同思路动态生成卡片?

您可以使用 Repeater 控件,该控件用于在您的案例中以您自己的样式显示重复的项目列表 'card'。

Repeater Control用于显示绑定到该控件的重复项列表,它与gridview和datagridview相同。与 gridview 和 datagrid 相比,Repeater 控件重量轻,显示数据速度更快。通过使用这个控件,我们可以以自定义格式显示数据,但在 gridview 或 datagridview 中是不可能的,它不支持分页和排序。

Repeater 控件的工作原理是循环遍历数据源中的记录,然后重复呈现其称为项目模板的模板。 Repeater 控件包含不同类型的模板字段,它们是

  1. 项目模板
  2. 交替项目模板
  3. Header模板
  4. 页脚模板
  5. 分隔符模板

ItemTemplate: ItemTemplate 定义如何从数据源呈现每个项目 collection.

AlternatingItemTemplate: AlternatingItemTemplates用于改变DataSource中AlternatingItems的背景颜色和样式collection

HeaderTemplate: HeaderTemplate 用于显示 Header DataSource collection 的文本并应用不同的样式header文字。

FooterTemplate: FooterTemplate 用于显示 DataSource 的页脚元素 collection

SeparatorTemplate: SeparatorTemplate 将确定用于分隔 Item collection.

中每个 Item 的分隔符元素

更多信息Repeater - Microsoft Documentation

如果您是 ASP.NET 的新手,您还应该看看 DataList 控件。 它类似于Repeater控件,但更易于使用,因为您不必自己"code"模板,您可以直接在页面中设计它们。