Databinding raises error Cannot read property 'pvtData' of undefined

[Laurence]

Hi Support

I have a Blazor grid bound to a simple list generated by a search. It will not load and just hangs on the javascript error 

ej2.min.js:1 Uncaught TypeError: Cannot read property 'pvtData' of undefined

    at BlazorAdaptor.t.processResponse (ej2.min.js:1)

    at e.executeLocal (ej2.min.js:1)

    at ej2.min.js:1

The markup

    <div class="col-12">

        @if (AllMerchants.Count > 0)

        {

            <EjsGrid id="Grid" DataSource="@AllMerchants" AllowPaging="true" >

                <GridColumns>

                    <GridColumn Field=@nameof(BCProvider.Logo) Width="80"></GridColumn>

                    <GridColumn Field=@nameof(BCProvider.ProviderName) Width="276"></GridColumn>

                </GridColumns>

            </EjsGrid>

        }

    </div>

Any ideas on what could cause this? There are no null values in the returned data.

Thanks!!

[Rahul Narayanasamy]

Hi Laurence, 

 

Greetings from Syncfusion. 

 

Query: I have a Blazor grid bound to a simple list generated by a search. It will not load and just hangs on the javascript error. Any ideas on what could cause this? There are no null values in the returned data. 

 

We have checked your reported issue and this can be solved in our latest release of the ASP.NET Core Blazor NuGet package. We suggest you upgrade to the latest NuGet package version 17.1.0.50-beta and if you use a CDN link in your application, please refer to the latest (17.1.49) CDN version. 

 

<script src="https://cdn.syncfusion.com/ej2/17.1.49/dist/ej2.min.js"></script> 

 

We have prepared a sample based on your requirements. Please find the below code snippet and sample link for your reference. 

 

[code snippet] 

@page "/" 

@using Blazorgrid 

@using WebApplication11 

@using Syncfusion.EJ2.RazorComponents.Grids 

 

<div> 

    <EjsGrid id="Grid" DataSource="@gridData" AllowPaging="true"> 

        <GridColumns> 

            <GridColumn Field=@nameof(OrdersDetails.OrderID) HeaderText="Order ID" IsPrimaryKey="true" TextAlign="@TextAlign.Right" Width="120"></GridColumn> 

            <GridColumn Field=@nameof(OrdersDetails.CustomerID) HeaderText="Customer Name" Width="150"></GridColumn> 

            <GridColumn Field=@nameof(OrdersDetails.OrderDate) HeaderText=" Order Date" Format="yMd" Type="date" EditType="datepickeredit" TextAlign="@TextAlign.Right" Width="130"></GridColumn> 

            <GridColumn Field=@nameof(OrdersDetails.Freight) HeaderText="Freight" Format="C2" EditType="numericedit" TextAlign="@TextAlign.Right" Width="120"></GridColumn> 

            <GridColumn Field=@nameof(OrdersDetails.ShipCountry) HeaderText="Ship Country" EditType="dropdownedit" Width="150"></GridColumn> 

        </GridColumns> 

    </EjsGrid> 

</div> 

 

@functions {     

    public object gridData { get; set; } 

    protected override void OnInit() 

    { 

        gridData = OrdersDetails.GetAllRecords(); 

    } 

 

} 

 

 

Note: Run the sample after clearing the cache in the browser. 

 

Sample: http://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorgridSample-998853523  

 

Please get back to us if you need further assistance. 

 

Regards, 

Rahul 

[Laurence]

Hi Rahul - thanks for the reply - the new script takes care of the pvtData but I still cannot bind. There are no null values in the data returned to the List<> I am binding to.

Please see attached file - seems there are a lot of NewtonSoft errors - I am on latest Nuget NewtonSoft.Json 12.02

<div class="row">

    <div class="col-12">

        <EjsGrid id="Grid" DataSource="@AllMerchants" AllowPaging="true" >

            <GridColumns>

                <GridColumn Field=@nameof(BCProvider.ProviderName) Width="276"></GridColumn>

            </GridColumns>

        </EjsGrid>

    </div>

</div>

@functions

{

    public List<BCProvider> AllMerchants { get; set; }

    protected override async Task OnInitAsync()

    {

        SearchMerchants = new List<BCProvider>();

        AllMerchants = new List<BCProvider>();

        AllMerchants = await MerchantService.GetAllMerchants(IndexedDBService);

    }

}

[Rahul Narayanasamy]

Hi Laurence, 

 

Query: the new script takes care of the pvtData but I still cannot bind. There are no null values in the data returned to the List<> I am binding to. Please see attached file - seems there are a lot of NewtonSoft errors - I am on latest Nuget NewtonSoft.Json 12.02 

 

We have validated your query and checked the reported problem. It works fine at our end. We have prepared sample for your reference. Please find the sample in below link. 

 

Sample link: http://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorGridApp291315943  

 

If you have used client side application, then we suggest to add the following codes in application.csproj file(within PropertyGroup tag) if you have run client application. Please find the below code example for your reference. 

 

<PropertyGroup> 

    <TargetFramework>netstandard2.0</TargetFramework> 

    <OutputType>Exe</OutputType> 

   <BlazorLinkOnBuild>false</BlazorLinkOnBuild> 

</PropertyGroup> 

 

If you are still facing any difficulties, could you please share the below details it will be helpful to provide a better solution. 

 

• Share full grid code example(both grid and class code example).
• Please ensure whether you have used blazor server side.
• Please share the sample if it is possible.

 

Regards, 

Rahul 

[Laurence]

Thank you Rahul I will attempt to get it to work now

[Gurupriyadharshini Sankaranarayanan]

Hi Laurence,  

   

Thanks for your update. 

   

Please get back to us if you need further assistance.  

 

Regards, 

Gurupriyadharshini S.