表格排序

表格排序功能允许用户在页面上对表格中的数据进行排序,从而更方便地浏览和分析数据。该功能支持在整个表格层面或单个字段上配置排序规则。通过合理的排序配置,用户可以根据需要查看升序或降序排列的数据。

功能配置位置

  • 表格整体排序配置:允许对整个表格启用排序功能。

  • 字段单独排序配置:可以对单个字段进行更细粒度的排序设置,覆盖表格整体的排序配置。

操作步骤

  • 表格整体排序设置
    • 进入设计器 打开设计器,在需要配置的表格组件上进行配置。

    • 启用“允许排序”功能

      • 在表格的属性面板中,找到“允许排序”选项。

      • 勾选该选项后,运行页面上的表格字段右侧会显示升序和降序的图标,用户可以点击图标对字段进行排序。

Snipaste_2024-10-25_10-38-34Snipaste_2024-10-25_11-04-23

    • 效果说明

      • 启用后,表格中的所有可以排序的字段在运行页面都会显示排序图标,用户可以根据字段的升序或降序对数据进行重新排列。

      • 如果表格整体启用了排序功能,但某个字段不需要显示排序图标,可以通过字段单独配置来取消该字段的排序。

  • 单个字段排序设置
    • 找到需要设置的字段 在设计器中,选中表格内的具体字段。

    • 启用或禁用字段排序

      • 在字段的属性面板中,找到“允许排序”选项。

      • 你可以选择开启或关闭该字段的排序功能。

        • 开启“允许排序”:在运行页面中,该字段将显示排序图标。

        • 关闭“允许排序”:在运行页面中,该字段将不会显示排序图标。

Snipaste_2024-10-25_11-07-10Snipaste_2024-10-25_11-07-43

    • 优先级说明

      • 如果表格整体开启了排序,但单个字段关闭了排序,则该字段将不会显示排序图标。

      • 单个字段的排序设置优先级高于表格整体的排序设置。

  • 默认排序字段设置
    • 配置默认排序字段

      • 在表格的属性面板中,找到“默认排序字段”选项。

      • 点击“添加”按钮,选择一个或多个字段作为默认排序字段。

      • 你可以为每个字段设置默认的排序顺序(升序或降序)。

Snipaste_2024-10-25_11-09-32Snipaste_2024-10-25_11-09-54

    • 功能说明

      • 该配置不受“允许排序”图标显示与否的影响,用户进入页面时,表格会根据配置的字段和顺序自动进行排序。

      • 即使某个字段未显示排序图标,也可以设置为默认排序字段。

注意事项

  • 表格的排序配置适用于数据量较大的情况下,可以帮助用户更快找到所需信息。

  • “默认排序字段”配置后,进入运行页面时会自动排序,但用户可以在运行时改变排序顺序。

常见问题

  1. 为什么某个字段没有排序图标? 检查该字段是否在字段属性中被禁用了“允许排序”功能。如果禁用,则不会显示排序图标。

  2. 我已经设置了默认排序字段,但为什么没有自动排序? 请确认默认排序字段是否正确配置,并确保该字段在数据加载时是有效的。如果数据为空或字段未正确配置,默认排序可能不会生效。

本文来自投稿,不代表Oinone社区立场,如若转载,请注明出处:https://doc.oinone.top/chan-pin-shi-yong-shou-ce/18568.html

(0)
萧炎的头像萧炎数式员工
上一篇 2024年10月25日 am10:44
下一篇 2024年10月25日 pm3:16

相关推荐

  • 多语言-日期格式国际化

    1. 功能概述 多语言切换支持:支持用户填写多种日期、时间格式,并在切换语言后自动匹配对应格式。 自定义格式:用户可以自定义日期时间格式,使其不受语言切换影响。 地址格式:支持不同地区地址格式的自定义。 分位格式设置:支持用户选择数字分组规则,实现千分位或分位的展示效果。 2. 详细配置说明 2.1. 多语言切换 – 创建语言 步骤: 进入“创建语言”页面: 依次选择资源 – 语言 – 语言创建,进入语言创建界面。 填写基本信息: 编码:填写唯一的语言编码,必填。 语言名称:填写语言名称,必填。 语言ISO代码:填写语言的ISO代码,必填。 图标:选择国旗图标,非必填。 书写习惯:选择书写方向(从左向右或从右向左),必填。 一周开始日:选择一周的第一天,必填。 日历:选择日历类型(格里高利历、农历、阳历),必填。 时区:从下拉菜单中选择适合的时区,必填。 日期格式、时间格式:配置用户在不同语言下的6种日期、时间格式,必填。 小数分隔符、整数分隔符:分别设置小数和整数的分隔符,必填。 数字分组规则:默认为3,即千分位设置。 地址格式:设置区域的地址格式,必填。 激活状态:选择激活或无效状态,必填。 当前用户语言:可选择开启或关闭,默认为关。 2.2. 日期与时间格式 步骤: 日期格式:可设置为“年/月/日”、“年月日”等格式。 时间格式:可选择12小时制或24小时制,上午/下午显示等格式。 格式填写规则: 日期格式: 年月日格式需包含年、月、日三个元素。 年月格式仅包含年和月。 时间格式: 时分秒格式包含时、分、秒三个元素。 时分格式仅包含时和分。 注: 在此设置的日期格式应根据个性化爱好自定义日期或时间的显示格式,其中如年月日的格式需要一一对应,不能缺少或增加元素。此处配置的6种格式即对应中文设计器中的6种格式。时间格式同理。 3. 设计器操作指南 3.1. 日期与时间格式自定义 进入设计器: 在设计器中打开属性面板,选择日期或时间相关组件。 选择格式选项: 日期格式:从下拉菜单中选择日期格式,该选项来源于资源-语言-创建语言模块中的填写项。 时间格式:同样从下拉菜单中选择时间格式,选项来源于创建语言模块的填写项。 设置自定义格式: 若选择自定义格式,则在切换语言后该格式将保持不变。 通过手动输入的方式自定义日期或时间格式,无需受限于预设格式。 3.2. 数字分组格式(千分位/分位) 在设计器中配置数字分组: 显示分位:将“显示千分位”修改为“显示分位”,默认为3,即千分位。 配置逻辑: 若局部配置中关闭分位,则数字不进行分组。 若全局配置为2,则局部配置生效的分组规则即为2。 4. 常见问题解答 4.1. Q1. 切换语言后,为什么自定义的日期格式没有变化? 自定义格式在语言切换后保持不变,以确保用户手动选择的格式优先级最高。 Q2. 日期格式填写不符合要求,提示无法保存? 日期格式填写需按照要求,确保格式包含正确的元素(如年月日)。 Q3. 如何确保日期时间显示符合当地习惯? 请在创建语言模块中填写6种日期和时间格式,确保切换语言后格式自动匹配。

    2024年11月12日
    2.2K00
  • 使用GraphQL生成API文档

    GraphiQL 是一个非常流行的交互式开发环境(IDE),专门用于浏览、编写和测试 GraphQL 查询。它不仅可以帮助你查询 API,还可以自动生成文档。以下是如何使用 GraphiQL 的具体步骤: 仓库地址:https://github.com/anvilco/spectaql?tab=readme-ov-file#yaml-options 一、使用GraphiQL 工具生成API文档。 1. GraphiQL 安装与配置 方式 : 本地或全局安装 GraphiQL 如果你的 GraphQL API 服务器没有内置 GraphiQL,你可以使用独立的 GraphiQL 框架或包。 全局安装 GraphiQL如果你想在本地环境使用 GraphiQL,你可以通过 npm 或 yarn 安装:如果下载不成功可以使用淘宝镜像源 npm install -g graphiql 通过 npm 或 Yarn 安装为开发依赖你也可以将 GraphiQL 作为开发依赖安装到项目中: npm install graphiql 生成您的文档! npx spectaql config.yml 运行此命令你需要一份config.yml文件。具体使用参考https://github.com/anvilco/spectaql?tab=readme-ov-file#yaml-options 2. 使用JSON格式生成文档 生成或导出 schema 文件 自动生成 schema如果你使用的是 Java 类和注解方式定义的 GraphQL API(使用 @GraphQLQuery 等注解),GraphQL schema 通常在运行时生成。你可以使用 Spring Boot 启动后访问 GraphQL endpoint 来手动导出 schema。 访问 GraphQL Endpoint:在应用运行时,GraphQL API 通常暴露在 /graphql 路径下。你可以通过 introspection 查询导出完整的 GraphQL schema。 下面是一个 introspection 查询的示例,它可以帮助你获取 schema:这个查询可根据文档需要动态调整。查询http://127.0.0.1:8091/pamirs/graphql,注意保证工程yml配置文件pamirs.framework.gateway.show-doc: true为开启状态。 query IntrospectionQuery { __schema { queryType { …FullType } mutationType { …FullType } subscriptionType { name } types { …FullType } directives { name description locations args { …InputValue } } } } fragment FullType on __Type { kind name description fields(includeDeprecated: true) { name description args { …InputValue } type { …TypeRef } isDeprecated deprecationReason } inputFields { …InputValue } interfaces { …TypeRef } enumValues(includeDeprecated: true) { name description isDeprecated deprecationReason } possibleTypes { …TypeRef } } fragment InputValue on __InputValue { name description type { …TypeRef } defaultValue } fragment…

    2024年9月13日
    1.1K00
  • 树的展开层级

    默认配置展开到哪一层级。

    2024年9月20日
    94200
  • 跳转动作新增默认生成视图

    在跳转动作的配置中,针对用户在选择创建新页面时需要重新拖动字段到设计器区的操作,新增了“默认生成视图”功能。这一功能可以自动生成页面视图,简化了设计流程,提升了操作效率。

    2024年9月20日
    81600
  • 应用中心

    在App Finder 中点击应用中心可以进入Oinone的应用中心,可以看到Oinone平台所有应用列表、应用大屏、以及技术可视化。

    2024年8月30日
    96700

Leave a Reply

登录后才能评论