1. Feedback
  2. Angular
  3. 22718

Welcome to the Angular feedback portal. We’re happy you’re here! If you have feedback on how to improve the Angular, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

Changing data set does not reset fields in PivotFieldList control w/ Defer Layout Updates if no initial data

This is related to a previously reported bug: 

https://www.syncfusion.com/feedback/18512/changing-data-set-does-not-reset-list-of-fields-in-pivot-field-list-control

That issue seemed to be fixed, but I have found another scenario where it still occurs. Please see the following StackBlitz to reproduce:  

https://stackblitz.com/edit/angular-k3g1iy-cn1v43?file=my-pivot-grid.component.html

The scenario is that the pivot grid and pivot field list controls are loaded with no data source initially and the "Defer Layout Updates" option is set to true. Then, selecting a data source will work the first time, but changing to a subsequent data source will cause the field list to stay the same as the first data source.

This does not occur if Defer Layout Updates is set to false.

This does not occur if the dataSourceSettings.dataSource is set at the time the controls are initialized.


The StackBlitz I created is intended to replicate the application we are using as closely as possible. You will notice that the "app" component consists of 2 buttons to set the data source to 2 unique data sources with different columns, as well as a radio button that lets you choose the type of grid you want (pivot vs a regular flat grid). The app then has a section to display the appropriate grid using an *ngIf. For this example I only created a subcomponent for the pivot grid. That subcomponent is called MyPivotGridComponent and that contains the Syncfusion grid and field list.

To reproduce this problem:

  1. Load the StackBlitz
  2. Change the radio button to "Pivot". Pivot grid appears.
  3. Click "Data Set 1" button . Field List pops up (custom code) and shows the columns in Data Set 1.
  4. Click Cancel to close the field list.
  5. Click "Data Set 2" button. Field List pops up and still shows the columns from Data Set 1, even though it should show the columns from Data Set 2.
You can try the following variants to verify that the code is hooked up correctly:
  1. Load Data Set 1 before changing the radio button to "Pivot". In this scenario the field list will show the correct columns, and subsequently changing to Data Set 2 will show the data columns from Data Set 2, as expected.
  2. Change "allowDeferLayoutUpdate" on the field list and pivot view to true. In this scenario, the control will behave properly regardless of whether you load the data set or change to the Pivot radio button first.
Please let me know if you have any questions. Because our users can customize their data sets, we need to give them the flexibility of swapping between grid types and data sets dynamically. This is a high priority item for us as we are targeting our initial release soon and we want to give our users a seamless experience to customize their data without having them use workarounds.