Skelton Mask Drag Conditional

[Nagendra Gupta]

Hello Team,

I want Skelton Mask Drag Conditional in ejs-treegrid and ejs-grid also in virtualization mode in angular 15 with latest patch of control.

Regards

Nagendra Gupta

[Shek Mohammed Asiq Abdul Jabbar]

Hi Nagendra Gupta,

Thanks for contacting Syncfusion.

We are unable to understand your query from our side. So, kindly share the below details to proceed further.

1. I want Skelton Mask Drag Conditional - Explain this query in detail.
2. Share the screenshot or video demo of your requirement.

Also, we would like to share the Skeleton loading support of EJ2 Grid and EJ2 Tree grid. We have provided masked row support from version 20.3.47 in Grid and 20.4.38 in Tree grid. You can show the skeleton loading effect by setting the loadingIndicator.indicatorType property as Shimmer.

EJ2-Grid :

IndicatorType : https://ej2.syncfusion.com/angular/documentation/api/grid/loadingIndicator/#indicatortype
Demo: https://ej2.syncfusion.com/angular/demos/#/bootstrap5/grid/virtualization

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

EJ2-TreeGrid :

IndicatorType: https://helpej2.syncfusion.com/angular/documentation/api/treegrid/loadingIndicator/#indicatortype
Demo: https://ej2.syncfusion.com/angular/demos/#/bootstrap5/treegrid/virtual-scrolling

Documentation : https://ej2.syncfusion.com/angular/documentation/treegrid/loading-animation

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

Regards,

Shek Mohammed Asiq

[Nagendra Gupta]

Dear Shek Mohammed Asiq Abdul Jabbar

I have attached video. Please find the attach file.

When I scroll from top to bottom the treegrid is turning white. Please give me solution for that problem Or If possible then stop the disabling of treegrid row when scrolling. This is your new feature with EnableVirtualization.

Please check the below code html.

    <ejs-treegrid [attr.id]="gridId" #treegrid [dataSource]='treeGridData' [treeColumnIndex]='0'

        childMapping='childNode' height='100%' [columns]="headerColumnList"

        [clipMode]="gridService.getClipMode(gridDataSetting)" (queryCellInfo)='customiseCell($event)'

        (dataBound)="dataBound()" [toolbar]='toolbarOption' (load)="onLoad()"

        [enableCollapseAll]="gridDataSetting.EnableCollapseAll" allowResizing="true" [enableVirtualization]="true"

        [aggregates]="aggregateColumn" allowExcelExport=true allowPdfExport=true rowHeight="25"

        (excelExportComplete)='excelExportComplete($event)' (excelQueryCellInfo)='excelQueryCellInfo($event)'

        [contextMenuItems]="contextMenuItems" (contextMenuClick)='contextMenuClick($event)'>

    </ejs-treegrid>

Attachment: treegrid_8bc2256d.zip

[Shek Mohammed Asiq Abdul Jabbar]

Hi Nagendra Gupta,

Sorry for the delayed response.

On further validation, we have considered the reported issue (“Data hidden when we scroll to the bottom using scrollbar”) as a bug. Thank you for taking the time to report this issue and helping us improve our product. At Syncfusion, we are committed to fixing all validated defects (subject to technological feasibility and Product Development Life Cycle) and will include the fix in our upcoming Patch release which is expected to be rolled out on March 8^th, 2023. Until then we appreciate your patience.

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

https://www.syncfusion.com/feedback/41219/data-hidden-when-we-scroll-to-the-bottom-using-scrollbar

Disclaimer: The feedback link is in review state, and you can view it once it is validated

Note: To view the above feedback, kindly login into your account. 

Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.

Regards,

Shek Mohammed Asiq

[Shek Mohammed Asiq Abdul Jabbar]

Hi Nagendra Gupta,

We deeply regret for the inconvenience caused.

After validating, we have concluded that the records disappearing issue was due to incorrect property definition of rowHeight. We need to define this property within square braces like “[rowHeight]”. Please refer to the following code snippet.

<ejs-treegrid [attr.id]="gridId" #treegrid [dataSource]='treeGridData'

     [treeColumnIndex]='0'

      childMapping='childNode'

      height='100%'

      [rowHeight]="25"       

> 

    </ejs-treegrid>

 

Please refer to the sample : https://stackblitz.com/edit/angular-igdwrl-njjnyp?file=src%2Fapp.component.ts,src%2Fapp.component.html

If the issue persists, please provide us more details for us to better understand.

Regards,

Shek Mohammed Asiq