少し奇妙なケースに遭遇しました。誰かが助けてくれるのではないかと思います。
私が作業しているコードでは、複数レベル (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
},
前もって感謝します。