The loading box does not disappear issue.

HI


demo url:https://stackblitz.com/edit/angular-vsuwpl?file=src%2Fapp.component.ts


1.

When there are no columns and values, the loading icon keeps appearing.

Image_8026_1703124171058


2.

After adding rows and values, click on apply, the loading in the field list does not disappear.
In my project, two loading boxes appear and they never disappear.

Image_4276_1703124232430

Image_8908_1703126280210


13 Replies

YG Yashvanth Ganesan Syncfusion Team December 21, 2023 02:51 PM UTC

Hi Renard,


Sorry for the inconvenience. We checked the reported issues and were able to replicate them on our end. We are currently validating these issues on our end. We will update the further details tomorrow (Dec 22, 2023).


We appreciate your patience until then.


Regards,

Yashvanth G G



RE Renard December 22, 2023 09:14 AM UTC

HI


1.

When scrolling the data, the loading box is still not disappearing and the data is not refreshing.

Image_9628_1703235923626


2.

If there were filter conditions in place, when opening the filter condition window for the first time and clicking "select all," all data would not be selected. If two records were manually checked above and then "select all" was clicked, all records would be selected.

Image_4907_1703236267786





YG Yashvanth Ganesan Syncfusion Team December 22, 2023 01:14 PM UTC

Hi Renard,


Please find the response below.

Query

Comments

  1. When there are no columns and values, the loading icon keeps appearing.
  2. After adding rows and values, click on apply, the loading in the field list does not disappear. In my project, two loading boxes appear and they never disappear.

Thanks for the patience. We considered the reported issues as a bug titled "Loading indicator not hidden properly in the Angular Pivot Table". And the fixes for these issues will be included in our in our January 2nd weekly release, which is scheduled to be rolled out on January 09, 2024. You can track the status of the issue fix using the following feedback link.

Feedback: https://www.syncfusion.com/feedback/49474/loading-indicator-not-hidden-properly-in-the-angular-pivot-table

  1. When scrolling the data, the loading box is still not disappearing and the data is not refreshing.

We suspect that the this reported issue also occurs to as similar as above. Thus, we believe that this issue will be resolved while considering the above issues. You can track the status of the issue fix in the above feedback link.

 

Also, while checking your code example, we found that some codes were missing that are required when using virtualization with static field list, where you need to pass the report information and page settings to the pivot table instance via the field list's load event. Please refer to the below code example:

Code example:

[In app.component.html]

<div class="control-section">

  <div class="pivotfieldlist-control">

    <ejs-pivotfieldlist  (load)="onLoadPivotField()">

    </ejs-pivotfieldlist>

  </div>

</div>

[In app.component.ts]

export class AppComponent {

  onLoadPivotField() {

      (this.fieldlistObj as any).pivotGridModule = this.pivotObj as PivotViewComponent;

      //Assigning report to pivot table component

      (this.pivotObj as PivotViewComponent).dataSourceSettings = (this.fieldlistObj as any).dataSourceSettings;

      //Generating page settings based on pivot table component’s size.

      (this.pivotObj as PivotViewComponent).updatePageSettings(true);

      //Assigning page settings to field list component.

      (this.fieldlistObj as any).pageSettings = (this.pivotObj as any).pageSettings;

    }

}

 

Also, we have UG documentation for virtualization with static field list. Please find the UG link below,

 

UG documentation link: https://ej2.syncfusion.com/angular/documentation/pivotview/virtual-scrolling#virtual-scrolling-for-static-field-list

 

  1. If there were filter conditions in place, when opening the filter condition window for the first time and clicking "select all," all data would not be selected. If two records were manually checked above and then "select all" was clicked, all records would be selected.

We would like to let you know that our pivot table is currently behaving in this manner. Meanwhile, we will validate the current selection behavior and provide further details on December 26, 2023.


We appreciate your patience until then. Please let us know if you have any concerns.


Regards,

Yashvanth G G



AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team December 26, 2023 03:02 PM UTC

Hi Renard,


Thanks for the patience. We confirmed the reported "Select All" selection behavior in the filter dialog as a bug and logged a defect report as "All node check box status not working properly while clicked "All" text in the filter dialog". And the fix to this issue will be included in our January first weekly release, which is scheduled for January 10, 2024. We appreciate your patience until then.


You can now track the status of your request, review the proposed resolution timeline, and contact us for any further inquiries through the below link.


Feedback: https://www.syncfusion.com/feedback/49533/all-node-check-box-status-not-working-properly-while-clicked-all-text-in-the


Regards,

Angelin Faith Sheeba.



RE Renard December 28, 2023 03:52 AM UTC

HI


1.

When scrolling to the far right, there is a display issue with the repeated use of automatic column width adjustment.

Image_7560_1703735094268

2.

Dragging the field did not trigger the Field Drop event, but it was triggered when clicking. In previous versions, dragging the field could trigger the Field Drop event.

Image_1588_1703735210683

3.

Scroll to the far right and manually adjust the column width. At this time, the scroll bar does not recalculate, causing some data to be invisible.

Image_5522_1703735536599



AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team December 28, 2023 12:31 PM UTC

Hi Renard,


Please find the response below.

Query

Comments

1. When scrolling to the far right, there is a display issue with the repeated use of automatic column width adjustment.

3. Scroll to the far right and manually adjust the column width. At this time, the scroll bar does not recalculate, causing some data to be invisible.

We would would like to inform you that there are certain limitations to consider while using the virtualization option in our pivot table. Because when there are a lot of columns and rows, the virtualization feature is used to render without loss of performance by acquiring the rowHeight and columnWidth from gridSettings for calculating the page information for scrolling. Thus, the features like column resizing, autoFit, textwrap and individual column width affects the pivot table’s row height and column width at runtime, which will not be considered for scroller calculation because having more rows and columns and it leads to performance constraints. Thus, it leads UI issues while perform scrolling in the pivot table. Thus, column width adjustments and column resizing affects the calculation used to pick the correct page on scrolling in the pivot table. Please refer the below documentation to know more about the limitations of virtual scrolling.

 

Document: https://ej2.syncfusion.com/angular /documentation/pivotview/virtual-scrolling

 

2. Dragging the field did not trigger the Field Drop event, but it was triggered when clicking. In previous versions, dragging the field could trigger the Field Drop event.

We have checked the reported issue and we are able to reproduce it at our end. Thus, we logged this as a bug and the issue fix will be included in our January first weekly release which is scheduled to be rolled out at Jan 10, 2023. You can track the status with the feedback link below.

 

Feedback: https://www.syncfusion.com/feedback/49579/the-fielddrop-event-is-not-triggered-when-adding-a-field-to-a-static-field-list

 

Until then we request you trigger the “fieldDrop” in the “ejs-pivotview” component to trigger “fieldDrop” event while dropping the field via drag and drop. Please refer to the below code example.

 

Code example:

  <ejs-pivotview #pivotview id='PivotViewFieldList' 

            (fieldDrop)='fieldDrop($event)'>

      </ejs-pivotview>

 

Meanwhile, we have prepared a sample with the workaround solution.

 

Sample: https://stackblitz.com/edit/angular-1muuhw-7ieobn?file=src%2Fapp.component.ts,src%2Fapp.component.html

 

Output screenshot:

 


Please let us know if you have any concerns.


Regards,

Angelin Faith Sheeba.



RE Renard January 2, 2024 02:37 AM UTC

HI

demo: https://stackblitz.com/edit/angular-vsuwpl?file=src%2Fapp.component.ts

After scrolling to the bottom, a blank space appears. I do not experience this issue on my commonly used Google Chrome browser, so I suspect it may be related to buffering. When switching to Edge browser, the issue occurs.

Steps to reproduce: Refresh data, scroll to the bottom, and then use the scroll wheel. A blank space will appear.

Image_3102_1704162930180



RE Renard January 2, 2024 08:45 AM UTC

Hi

demo:https://stackblitz.com/edit/angular-vsuwpl?file=src%2Fapp.component.ts


When initializing the load, the date format is correctly executed according to the formatSettings. However, if the Year field is moved to the values and then moved back to the rows, the displayed date will be the original value, and the date format will not be based on the formatSettings.

Image_1047_1704184717591



AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team January 2, 2024 01:14 PM UTC

Hi Renard,


Please find the response below.

Query

Comments

HI

demo: https://stackblitz.com/edit/angular-vsuwpl?file=src%2Fapp.component.ts

After scrolling to the bottom, a blank space appears. I do not experience this issue on my commonly used Google Chrome browser, so I suspect it may be related to buffering. When switching to Edge browser, the issue occurs.
 
Steps to reproduce: Refresh data, scroll to the bottom, and then use the scroll wheel. A blank space will appear.

We have created a new forum to track the further details about this query.

 

Forum ID: https://www.syncfusion.com/forums/186081/unwanted-white-space-appears-while-using-the-mouse-wheel-to-virtual-scroll-in-the-pivot

Hi

demo:https://stackblitz.com/edit/angular-vsuwpl?file=src%2Fapp.component.ts

 

When initializing the load, the date format is correctly executed according to the formatSettings. However, if the Year field is moved to the values and then moved back to the rows, the displayed date will be the original value, and the date format will not be based on the formatSettings.

We have created a new forum to track the further details about this query.

 

Forum ID: https://www.syncfusion.com/forums/186080/date-formatting-issue-in-pivot-table-split-from-185974

 

 

 


(Note: If you require assistance, please open new tickets/forum for new queries.) 


Please let us know if you have any concerns.


Regards,

Angelin Faith Sheeba.



RE Renard replied to Yashvanth Ganesan January 3, 2024 03:28 AM UTC

HI

I've discovered a new problem.
The selected date filters were not retained when reopening the date filter after clicking on confirm.


Image_1694_1704252324928



AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team January 4, 2024 02:15 PM UTC

Hi Renard,


Sorry for the inconvenience. We have created a new forum to track the further details about the node selection not maintained for date field issue.


Forum ID: https://www.syncfusion.com/forums/186111/node-selection-in-filter-dialog-not-maintained-for-date-field-split-from-185974


Moreover, if you require assistance, please open new tickets/forum for new queries.


Regards,

Angelin Faith Sheeba.



AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team January 10, 2024 09:47 AM UTC

Hi Renard,


We are glad to announce that our weekly Release V24.1.45 is rolled out and the fix for the reported issuesAll node check box status not working properly while clicked "All" text in the filter dialogand “The ‘fieldDrop’ event is not triggered when adding a field to a static field list via drag and drop has been included in this release. And, we have prepared a sample for your reference.


Sample: https://stackblitz.com/edit/angular-mkt45k-ltms79?file=src%2Fapp.component.ts,src%2Fapp.component.html,package.json


Release notes: https://ej2.syncfusion.com/angular/documentation/release-notes/24.1.45?type=all#pivottable


Furthermore, the reported loading indicator issue is resolved at our end. However, due to technical difficulties on our end, the reported issue fix not included in this weekly release. And we will include this fix in our upcoming weekly release which is estimated to roll out at Jan 17, 2024. However, You can track the status with the feedback link below.


FB Linkhttps://www.syncfusion.com/feedback/49474/loading-indicator-not-hidden-properly-in-the-angular-pivot-table


We appreciate your patience until then.


Regards,

Angelin Faith Sheeba.



AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team January 25, 2024 05:57 AM UTC

Hi Renard,


We are glad to announce that our weekly Release V24.1.47 is rolled out and the fix for the reported issue “Loading indicator not hidden properly in the Angular Pivot Table” has been included in this release. And, we have prepared a sample for your reference.


Sample: https://stackblitz.com/edit/angular-lzijpl-fgxv8p?file=src%2Fapp.component.ts,src%2Fapp.component.html,src%2FPivot_Data.json


Output screenshot:


Please let us know if you have any concerns.


Regards,

Angelin Faith Sheeba.


Loader.
Up arrow icon