We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Syncfusion.EJ2.RazorComponents.Grids.EjsGrid' does not have a property matching the name 'ref'

Thread ID:

Created:

Updated:

Platform:

Replies:

145378 Jun 19,2019 03:25 PM UTC Aug 13,2019 12:54 PM UTC Blazor 5
loading
Tags: Grid
Frangoudes Panikos
Asked On June 19, 2019 03:25 PM UTC


The sample code gives the error Syncfusion.EJ2.RazorComponents.Grids.EjsGrid' does not have a property matching the name 'ref'

Version is Syncfusion.EJ2.AspNet.Core.RazorComponents  17.1.0.52-beta
The problem appeared after upgrade to 17.1.0.52-beta

Please can you help ?


<EjsGrid id="Grid" ref="@grid" DataSource="@assetTypes" allowResizing="true" AllowPaging="true" AllowSorting="true" AllowMultiSorting="true"
         toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Cancel", "Update" })"  
         RowSelected="@rowselect"    
           >

    <GridEditSettings allowAdding="true" allowEditing="true" allowDeleting="true" Mode="@EditMode.Normal" AllowNextRowEdit="true"></GridEditSettings>
    
    <GridSelectionSettings  EnableToggle="true" PersistSelection="false"></GridSelectionSettings>
    <GridColumns>

        <GridColumn Field=@nameof(AssetType.Id) HeaderText="ID" Width="120" IsPrimaryKey="true"></GridColumn>
        <GridColumn Field=@nameof(AssetType.TypeName) HeaderText="Type Name" Width="120"></GridColumn>
        <GridColumn Field=@nameof(AssetType.Description) HeaderText="Description" Width="120"></GridColumn>
        
    </GridColumns>
</EjsGrid>

@functions{

    List<AssetType> assetTypes;
    EjsGrid grid { get; set; }
}



Uwe Hein
Replied On June 19, 2019 06:23 PM UTC

@Frangoudes Panikos

  if you are using preview6 you should replace ref by @ref.

    regards

       Uwe

Rahul Narayanasamy [Syncfusion]
Replied On June 20, 2019 08:33 AM UTC

Hi Frangoudes, 
 
Greetings from Syncfusion.  
 
Query: The sample code gives the error Syncfusion.EJ2.RazorComponents.Grids.EjsGrid' does not have a property matching the name 'ref' 
 
You can resolve it by changing @ref instead of ref as Microsoft has changed the syntax from .NET Core 3.0 Preview 6 update. Please find the below code example and sample for your reference. 
 
[code example] 
... 
 
<EjsGrid id="Grid" @ref="@defaultGrid" DataSource="@gridData" AllowPaging="true" AllowSelection="true" SelectedRowIndex="2"> 
    <GridSelectionsettings Mode="@SelectionMode.Both"></GridSelectionsettings> 
    <GridPageSettings PageSize="5"></GridPageSettings> 
    ... 
</EjsGrid> 
 
@functions{ 
    EjsGrid defaultGrid; 
    public List<OrdersDetails> gridData { get; set; } 
 
 
    protected override void OnInit() 
    { 
        gridData = OrdersDetails.GetAllRecords(); 
    } 
} 
 
 
Please get back to us if you need further assistance. 
 
Regards,
Rahul
 


Frangoudes Panikos
Replied On June 20, 2019 02:49 PM UTC

Thank you Rahul for your prompt reply.

It worked like a charm.


Best regards

Panikos Frangoudes


Alex
Replied On August 12, 2019 10:45 PM UTC

Hi Rahoul. When I update your example to the latest version (17.2.0.40-beta), it tells me the following:

InvalidOperationException: Object of type 'Syncfusion.EJ2.Blazor.Grids.EjsGrid`1[[WebApplication1.Pages.Index+Orders, WebApplication1, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null]]' does not have a property matching the name 'RowSelected'

I had to modify things to be generic in `Orders`, and I had to delete some attributes to make an error go away.


Please advise, thanks!

Vignesh Natarajan [Syncfusion]
Replied On August 13, 2019 12:54 PM UTC

Hi Alex,  

Query: “When I update your example to the latest version (17.2.0.40-beta), it tells me the following: 

From our latest release (17.2.0.40) we have provided Generic type support for our Syncfusion controls due to which there are some breaking changes related to it. So kindly refer the below release notes for your reference 



We are able to reproduce the reported issue at our end while defining the RowSelected event directly in EjsGrid tag. Refer below  

<EjsGrid id="Grid" @ref="@DefaultGrid" RowSelected="OnSelected" DataSource="@gridData" AllowPaging="true" AllowSelection="true" SelectedRowIndex="2"> 

While using our latest Nuget package (17.2.40), Events must be specified as separate tag along with their component due to Generic type support. Refer to the below code example.   

<EjsGrid id="Grid" @ref="@DefaultGrid" DataSource="@gridData" AllowPaging="true" AllowSelection="true" SelectedRowIndex="2"> 
   <GridEvents RowSelected="OnSelected" TValue="OrdersDetails"></GridEvents> 
……………………………… 
</EjsGrid> 
 
@code{ 
    EjsGrid<OrdersDetails> DefaultGrid; 
    public List<OrdersDetails> gridData { get; set; } 
    public void OnSelected(RowSelectEventArgs<OrdersDetails> args) 
    { 
// 
    } 
} 

Kindly download the modified & updated sample from below  


Query: “Also, this documentation link doesn't seem to work 

Due to Generic type support which has been provided in our latest release 17.2.40, we have moved the Grid events to separate tag <GridEvents> which causes some link to be broken. Hence the reported issue has occurred. Please find the correct documentation for RowSelected event from below link. 


Please get back to us if you have further queries.  

Regards, 
Vignesh Natarajan. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon