SuperPage交互-排序数据

使用排序数据交互，可以实现让数据按照指定的字段升序或降序显示。如点击成立日期，可按照成立日期对企业进行升序或降序切换：

示例地址：排序数据(opens new window)

#使用排序数据

使用排序数据交互，一般需要搭配按钮组件使用，同时需要使用列表或浮动面板组件来展示数据。以点击成立日期按钮，对企业列表按照成立日期进行升序和降序排列切换为例，具体步骤如下：

1. 添加组件： 在页面中添加成立日期按钮，勾选启用切换

2. 添加交互并设置属性：

   1. 选中成立日期按钮，添加排序数据交互
   2. 在交互中，数据集选择企业基本信息，排序表达式为CLRQ ${IF([成立日期].[选中值],'desc','asc')}即可

按钮启用切换属性说明

按钮组件的启用切换属性，是否勾选会影响按钮的返回值，如下：

• 未勾选该属性时：连续多次点击按钮，按钮的选中值不受影响，始终返回TRUE

• 勾选该属性时：

  • 第一次点击按钮时，按钮的选中值返回TRUE
  • 再次点击按钮时，选中值为FALSE

#设置排序依据

排序属性是数据进行排序的依据，可设置依据的字段以及升序或降序排列。输入为宏表达式，可以逗号分割多个字段，如字段1 asc,字段2 desc。字段名可以是名称也可以是物理字段名。如以下几种写法：

• CLRQ desc：按照成立日期降序排列
• 成立日期 desc：按照成立日期降序排列
• CLRQ ${IF([成立日期].[选中值],'desc','asc')}：点击成立日期按钮对数据按照成立日期进行升序和降序切换
• ${[排序方式].[值]} desc：排序方式为下拉框，下拉框是字段名列表，选择下拉框中某个选项即可按照该字段降序排序，该交互是设置在下拉框组件上
• ${[排序方式].[值]} ${if (btn1, "DESC", "ASC"}：选择排序方式下拉框中的某个选项后，点击按钮1，可以按照该选项进行升序和降序切换排序。该交互需要在下拉框组件和按钮组件上都设置
• CLRQ desc,HZRQ asc：按照成立日期进行降序排列，若成立日期相同，则按照核准日期升序排列

排序优先级

用户在模型属性以及查询数据集上，也能设置按照指定的字段排序数据。排序优先级： 排序数据交互>查询数据集>模型属性