Cannot read property 'data' of undefined

Hello,

I am getting an error when quickly click to times on grid row:


I am using version 16.2.41 and using propertry allowVirtualization as true.

3 Replies

DR Dhivya Rajendran Syncfusion Team June 26, 2018 11:43 AM UTC

Hi AC, 
Thanks for contacting Syncfusion support. 
Could you please provide the below details or more information regarding your query, it will be more helpful for us to provide a better solution as soon as possible. 

  1. Did you enabled  the virtualization(enableVirtualization) feature dynamically in Grid?
  2. Share the combined feature that you are used in Grid (editing, sorting etc. )
  3. If possible please provide the Grid code example for further analysis.

Regards,
R.Dhivya 



UN Unknown Syncfusion Team June 26, 2018 12:06 PM UTC

Hello,

my grid looks something like that:

grid.component.html:
<ejs-grid
     [dataSource]="gridData"
     [pageSettings]="pageSettings"
     [enableVirtualization]="enableVirtualization"
     [columns]="columns"
     [allowSorting]="allowSorting"
     [allowResizing]="allowResizing"
     [allowGrouping]="allowGrouping"
     [allowFiltering]="allowFiltering"
     [allowSorting]="allowSorting"
     [allowMultiSorting]="allowMultiSorting"
     [allowReordering]="true"
     [rowHeight]="rowHeight"
>
</ejs-grid>

grid.component.ts:
public gridData: DataManager | Object[];
public pageSettings: PageSettingsModel;
public enableVirtualization: boolean = true;
@Input('columns') columns: any;
public allowSorting: boolean = true;
public allowResizing: boolean = true;
public allowGrouping: boolean = true;
public allowFiltering: boolean = true;
public allowSorting: boolean = true;
public allowMultiSorting: boolean = true;
public rowHeight = 27;

Resize(sizes) {
     this.pageSettings = { pageSize: Math.ceil(sizes.height / this.rowHeight * 2) };
}

pageSettings property is counting on resize, because of virtual scrolling, other properties are set like constants

I get this error only if enableVirtualization set to true.


DR Dhivya Rajendran Syncfusion Team June 27, 2018 12:53 PM UTC

Hi AC, 
Thanks for your update. 
We have checked the reported scenario in our Grid sample and the virtualization is working fine at our end. We have attached the sample for your reference. Kindly refer to the below sample for more information. 

You can run the sample by using the below commands, 
  1. npm install
  2. npm start


Please try your scenario in the above sample and let us know whether you are face the reported problem. If you face the same issue in the sample then share the scenario and modified sample with us for further analysis.  

Regards,
R.Dhivya 


Loader.
Up arrow icon