Js 】实现建模查询列表行点击事件向下展开小卡片或右侧打开功能

title: doc_2c1ce7d05d08_【功能巧用】实现建模查询列表行点击事件向下展开小卡片或右侧打开功能 created: 2026-04-19 updated: 2026-04-19 type: reference tags: [js-use-cases, ppt] source: "Weaver Official"

Slide 1

实现建模查询列表行点击事件向下展开小卡片或右侧打开功能泛微网络培训服务中心

Slide 2

需求背景及实现效果

Slide 3

背景知识1：表单建模查询列表中，通常会设置点击标题字段可打开卡片页面的效果。背景知识2：表单建模查询列表中，除了在查询中字段定义设置字段链接之外，还可以通过设置行点击事件，实现相关页面的展开。新需求：希望在点击查询列表数据时，点击行，可向下展开（打开卡片页面)或右侧打开详情页面（详情页面包括：回复评论/查询/看板/甘特图等）。

Slide 4

行点击事件中配置列表小卡片：结合查询列表小卡片功能，实现点击行事件后，展开列表小卡片，实现灵活设置数据详情。实现效果

Slide 5

行点击事件中配置打开方式为右侧展开：链接目标来源可选择：模块、模块查询列表、新建流程、回复评论、看板、甘特图、手动输入。实现效果

Slide 6

配置实现步骤说明

Slide 7

配置实现步骤【后端应用中心】→【建模引擎】→【查询列表】，增加“列表小卡片”tab页；绘制表格规格后可拖动字段到表格中；配置行点击事件，打开方式选择下方展开列表小卡片。 1.行点击事件中配置列表小卡片

Slide 8

配置实现步骤行点击事件中配置打开方式为右侧展开，链接目标来源可选择：模块、模块查询列表、新建流程、回复评论、看板、甘特图、手动输入；前端查询列表点击行可右侧展开配置的链接来源。 2.行点击事件中配置右侧展开

Slide 9

志达宇泛见著于微感谢您的信任与支持！我们始终努力提供好用的移动办公平台