1

少し奇妙なケースに遭遇しました。誰かが助けてくれるのではないかと思います。

私が作業しているコードでは、複数レベル (2) のグループ化を数か月間使用していますが、問題はありません。最近、第 3 レベルのグループ化を追加するようリクエストがありました。これにより、そのレベルのファーリング (+/- トグル) が奇妙な動作をするようになりました。

groupField 名による 3 つのレベルは、それぞれ、part_description、locn_abbr、およびcorporation_abbr です。Corporation_abbr は最近の第 3 レベルの追加です。出力例は次のようになります。

1.1 各部の説明 1

   1.2 場所

      1.3 顧客 1

2.1 各部の説明 2

   2.2 場所 2

      2.3 顧客 2

3.1 各部の説明 3

   3.2 場所 3

      3.3 顧客 3

[部品の説明] または [場所] の横にある [+] をクリックすると、予想どおり、[顧客] の下のデータが展開されます。どちらかの横にあるクリックも適切に機能し、データは適切なレベルにロールバックされます。

Customer の横にある + をクリックすると、期待どおりにデータが展開されます。クリック - 現在のエントリの顧客データと次のエントリの顧客データがロールアップされ、次のエントリの部品の説明と場所のレベルも削除されます。上記の例を使用して、最初のエントリの顧客レベルの横にある - をクリックしたと仮定すると、次のようになります。

1.1 各部の説明 1

   1.2 場所 1

      1.3 顧客 1

      1.3 顧客 2

3.1 各部の説明 3

   3.2 場所 3

      3.3 顧客 3

さらに、1.3 Customer 2 の横にある + をクリックすると、そのエントリ全体が元のようにエントリ 1 の下に再描画されます。

考えられるすべての検索用語でこの問題をグーグル検索しましたが、何も見つかりませんでした。それがうまくいかなかったとき、私はソースを見て、groupingToggle を少しいじりました。私もそれで成功しませんでした。誰かがこの問題について何か洞察を持っていますか? 私が提供したコード スニペットに欠けているものはありますか?

これは、グループ化コードのスニペットです。

grouping: true,
        groupingView: {
            groupField: ['part_description', 'locn_abbr', 'corporation_abbr'],
            groupOrder: ['desc', 'asc', 'desc'],
            groupColumnShow: [false, false, false],
            groupText: ['<span style="font-weight: bold; background: #D8D8D8; padding: 3px; padding-bottom: 4px; padding-top: 2px; border: 1px solid #A4A4A4; width: 650px; display: inline-block;">{0}</span>', '<span style="font-weight: bold; width: 200px; display: inline-block;">Location: {0}</span><span style=" width: 200px; font-weight: bold; display: inline-block;">Weight: {current_item_weight}</span>', '<span style="width: 200px; display: inline-block;">Customer: {0}</span><span>Weight: {current_item_weight}</span>'],
            groupCollapse: true,
            groupSummary: [false, false, false],
            groupDataSorted: true
        },

前もって感謝します。

4

0 に答える 0