Js 】实现查询数据以轴形列表的样式展现 (2)

title: doc_c5960f2f7d7d_【功能巧用】实现查询数据以轴形列表的样式展现 (2) 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

配置实现步骤实现方式：在自定义页面链接中添加url ： /formmode/e9resource/custompage/index.jsp?customid=xxxx 替换实际查询列表中customid即可门户元素维护

Slide 8

配置实现步骤实现方式：在url链接后面添加&datefield=xxxx，指定一个日期字段显示在左侧，其中，xxxx必须为当前查询中的有效的日期字段（xxxx为日期的数据库字段名称）实现展示日期

Slide 9

配置实现步骤实现方式：在url链接后面添加&datefield=xxxx&datefieldorder=asc/desc（xxxx为日期的数据库字段名称）；其中，asc/desc 分别代表升序、降序实现日期升序/降序排列

Slide 10

注意事项说明

Slide 11

注意事项说明查询列表设置的链接字段，排序，显示转换，parm和固定查询sql中的变量在此处也是生效的；轴形列表数据权限与列表保持一致拓展：明细表字段

Slide 12

本场景中是以主表字段进行举例说明的。若需要用到的日期字段为明细表字段，那么链接中的写法需要有变化。总结：datefield 如果是主表就直接写字段名称、如果是明细表需要写 d1.字段名称

Slide 13

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