bricks/docs/ai/cols.md
2025-11-18 16:01:43 +08:00

1.8 KiB
Raw Blame History

Cols

控件功能:用于展示分页的、可滚动的多列数据列表,支持动态加载前后页数据,常用于内容墙、卡片式布局等场景。
类型:容器控件
父类控件:bricks.VBox

初始化参数

参数名 类型 说明
data_url String 数据请求的 URL 地址,用于异步加载数据。
data_params Object 请求数据时携带的初始参数对象。
data_method String 请求方法(如 GET、POST默认为 GET。
page_rows Number 每页请求的数据行数。
cache_limit Number 缓存的页数上限,用于控制内存中保留的历史数据页数量。
col_cwidth Number 每一列的固定宽度(单位像素),用于动态列布局计算。
mobile_cols Number 在移动端显示的列数,默认为 2。
title String 可选标题文本,若存在则显示标题组件。
description String 可选描述文本(支持 Markdown 格式),会渲染为说明内容。
toolbar Object 工具栏配置对象,用于定义顶部操作按钮。
record_view Object 单条记录的视图模板定义,描述如何渲染每一条数据项。

注:record_view 是一个控件配置对象,会被 bricks.widgetBuild 用来生成每个数据项的子控件。

主要事件

事件名 触发条件 携带数据
record_click 用户点击某一条记录时触发 点击记录对应的数据对象(user_data
command 当工具栏按钮被点击时,通过 toolbar_w 传递上来的命令事件,由 command_handle 转发为 dispatch(name) 命令名称(来自 toolbar 的 params.name

说明:dispatch('record_click', data) 会向外广播该事件,供外部监听处理。