请问自定义布局插入的节点 有办法参与排序吗

[liran19960215]

如图所示 使用layoutHierarchy方法在杭州前后分别插入了一个节点 但是点击组内降序 新增的节点没有办法参与排序 我理解不是原生节点 而且layoutHierarchy中指定了在杭州前后添加 所以这个时候就跳出排序的逻辑了 请问有什么办法实现插入节点参与排序的方法吗

我有试过想通过layoutArrange自定义行列顺序，但是发现返回的维值列表里也只有表格原数据里的 并没有返回插入节点的 所以此路暂时也没有走通

所以想请教下有没有其他方法

复现链接和代码
https://s2.antv.antgroup.com/zh/examples/analysis/sort/#group-sort

import React from 'react';
import ReactDOM from 'react-dom';
import { SheetComponent } from '@antv/s2-react';
import '@antv/s2-react/dist/style.min.css';
import { Node, generateId, VALUE_FIELD, EXTRA_FIELD } from '@antv/s2';

fetch(
  'https://gw.alipayobjects.com/os/bmw-prod/21ffc284-50a2-4a30-8bb0-b2f9ac4a8fbc.json',
)
  .then((res) => res.json())
  .then((data) => {
    const s2DataConfig = {
      fields: {
        rows: ['province', 'city'],
        columns: ['type'],
        values: ['price'],
      },
      meta: [
        {
          field: 'province',
          name: '省份',
        },
        {
          field: 'city',
          name: '城市',
        },
        {
          field: 'type',
          name: '商品类别',
        },
        {
          field: 'price',
          name: '价格',
        },
      ],
      data,
    };

    const s2Options = {
      width: 600,
      height: 480,
      showDefaultHeaderActionIcon: true, // 默认打开
      layoutHierarchy: (s2, node) => {
        // layoutHierarchy 用于手动控制行列结构的增加、删除的特殊场景。
        // 以 「宁波市」为例，删除其节点，增加宁波A和宁波B节点。
        const { field, label } = node;
        if (field === 'city' && label === '杭州') {
          const preLabel = '宁波A';
          const nextLabel = '宁波B';

          const parentNode = node.parent;
          const preUniqueId = generateId(parentNode.id, preLabel);
          const nextUniqueId = generateId(parentNode.id, nextLabel);
          const preNode = new Node({
            ...node,
            ...node.config,
            id: preUniqueId,
            label: preLabel,
            value: preLabel,
            query: { ...parentNode.query, [node.key]: preLabel },
          });

          const nextNode = new Node({
            ...node,
            ...node.config,
            id: nextUniqueId,
            label: nextLabel,
            value: nextLabel,
            query: { ...parentNode.query, [node.key]: nextLabel },
          });

          return {
            push: [nextNode],
            unshift: [preNode],
            delete: false,
          };
        }
        return null;
      },
    };

    ReactDOM.render(
      <SheetComponent
        sheetType="pivot"
        adaptive={false}
        dataCfg={s2DataConfig}
        options={s2Options}
      />,
      document.getElementById('container'),
    );
  });

[stone-lyl]

我理解暂时是不行的。

你可以尝试： 1. 设置 layoutHierarchy 后，调用 自定义排序API 进行位置排序。 2. 在插入 layoutHierarchy 中的 node 节点时，就插入到需要的位置。 3. 选择直接修改 dataCfg