List列表
通用列表。
何时使用
最基础的列表展示,可承载文字、列表、图片、段落,常用于后台数据展示页面。
Examples
List API#
属性 | 描述 | 类型 | 默认值 |
---|---|---|---|
DataSource | 属性要在列表中显示的项目列表 | IEnumerable<TItem> | -- |
Bordered | 属性在列表上添加边框 | Boolean | false |
Header | 属性列表的标题内容 | RenderFragment | -- |
Footer | 属性列表的页脚内容 | RenderFragment | -- |
LoadMore | 属性用于显示负载的列表项末尾的内容 | RenderFragment | -- |
ItemLayout | 属性列表的布局,默认是水平的,如果需要垂直的列表,设置itemLayout属性为vertical | ListItemLayout | -- |
Loading | 属性在列表中显示加载 | Boolean | false |
NoResult | 属性Currently unused | String | -- |
Size | 属性列表的大小 | String | AntSizeLDSType.Default |
Split | 属性切换列表项下拆分的呈现 | Boolean | true |
Grid | 属性列表的网格类型 | ListGridType | -- |
Pagination | 属性列表分页选项 | PaginationOptions | -- |
ChildContent | 属性列表内容 | RenderFragment<TItem> | -- |
Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
Class | 属性为 DOM 元素指定一个或多个类名。 | String | -- |
Style | 属性指定 DOM 元素的内联样式。 | String | -- |
RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |
ListItem API#
属性 | 描述 | 类型 | 默认值 |
---|---|---|---|
Extra | 属性列表项的额外内容。如果 itemLayout 是垂直的,则显示右侧的内容,否则显示最右侧的内容。 | RenderFragment | -- |
Actions | 属性列表项的动作内容。如果 itemLayout 是垂直的,则在底部显示内容,否则在最右侧显示内容。 | RenderFragment[] | -- |
ChildContent | 属性项目的主要内容 | RenderFragment | -- |
OnClick | 属性单击项目时执行的回调 | EventCallback | -- |
NoFlex | 属性是否对 item 使用 flex。当为真时,将不会使用 flex。 | Boolean | -- |
Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
Class | 属性为 DOM 元素指定一个或多个类名。 | String | -- |
Style | 属性指定 DOM 元素的内联样式。 | String | -- |
RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |
ListItemMeta API#
属性 | 描述 | 类型 | 默认值 |
---|---|---|---|
Title | 属性列表项的标题 | String | -- |
TitleTemplate | 属性列表项的标题内容。优先于 AntDesign.ListItemMeta.Title |
RenderFragment | -- |
Avatar | 属性列表项头像 | String | -- |
AvatarTemplate | 属性列表项的头像内容。优先于 AntDesign.ListItemMeta.Avatar |
RenderFragment | -- |
Description | 属性列表项说明 | String | -- |
DescriptionTemplate | 属性列表项的描述内容。优先于 AntDesign.ListItemMeta.Description |
RenderFragment | -- |
Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
Class | 属性为 DOM 元素指定一个或多个类名。 | String | -- |
Style | 属性指定 DOM 元素的内联样式。 | String | -- |
RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |
PaginationOptions API#
属性 | 描述 | 类型 | 默认值 |
---|---|---|---|
IsSmall | 属性分页是否小 | Boolean | false |
Disabled | 属性是否禁用分页 | Boolean | false |
RootPrefixCls | 属性 | String | -- |
ChangeSize | 属性页面大小改变时执行的回调 | EventCallback<Int32> | -- |
Current | 属性当前页面 | Int32 | -- |
PageSize | 属性当前页面大小 | Int32 | -- |
PageSizeOptions | 属性页面尺寸选择选项 | Int32[] | { 10, 20, 50, 100 } |
QuickGo | 属性跳转到特定页面时执行的回调 | EventCallback<Int32> | -- |
GoButton | 属性快速跳转确认按钮,这是用于 React 版本 ShowQuickJumper: { goButton: ReactNode } |
OneOf<Boolean, RenderFragment?? | -- |
Locale | 属性用于组件本地化的语言环境 | PaginationLocale | LocaleProvider.CurrentLocale.Pagination |
Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
Class | 属性为 DOM 元素指定一个或多个类名。 | String | -- |
Style | 属性指定 DOM 元素的内联样式。 | String | -- |
RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |
ListGridType API#
属性 | 描述 | 类型 | 默认值 |
---|---|---|---|
Gutter | 网格间距 | Int32 | -- |
Column | 网格列 | Int32 | -- |
Xs | <576px 网格列 | Int32 | -- |
Sm | ≥576px 网格列 | Int32 | -- |
Md | ≥768px 网格列 | Int32 | -- |
Lg | ≥992px 网格列 | Int32 | -- |
Xl | ≥1200px 列的网格 | Int32 | -- |
Xxl | ≥1600px 列的网格 | Int32 | -- |