Templates not working

[ITninja]

My code looks like this:

<EjsGrid GridLines="Syncfusion.EJ2.Blazor.Grids.GridLine.Horizontal" @ref="@FilteredDocList" AllowPaging="true" DataSource="@ViewModel.FilteredDocuments" ModelType="@gridModel">

            <GridColumns>

                <GridColumn Field="@nameof(PartnerPortalShared.POCOs.Document.DocumentName)" HeaderText="Document Name"></GridColumn>

                <GridColumn HeaderText="Expiration Date" >

                    <Template>

                        @{

                            var document = (context as PartnerPortalShared.POCOs.Document);

                            <span>

                                @document.ExpirationDate.ToShortDateString()

                            </span>

                        }

                    </Template>

                </GridColumn>

                <GridColumn Field="@nameof(PartnerPortalShared.POCOs.Document.LocationName)" HeaderText="Location Name"></GridColumn>

            </GridColumns>

        </EjsGrid>

When I run the code I get an error in Visual Studio that states: Warning: Unhandled exception rendering component: Property set method not found.

[ITninja]

Any update on this? I half expected to see a release that would have fixed it already :/

[Vignesh Natarajan]

Hi ITninja,  

Thanks for contacting Syncfusion forums.  

Query:” When I run the code I get an error in Visual Studio that states: Warning: Unhandled exception rendering component: Property set method not found.” 

We have considered the reported query as a defect “read only properties throw exception while using inside the column template” and logged a defect report for the same. 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 including the defect fix in our subsequent Nuget release which is expected to be roll on or before 19^th August 2019.   

 

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

 

https://www.syncfusion.com/feedback/7698/read-only-properties-throw-exception-while-using-inside-the-column-template  

 

Till then we appreciate your patience. 

Regards, 

Vignesh Natarajan. 

[Vignesh Natarajan]

Hi ITninja,  

 

We are glad to inform that our latest Nuget package (17.2.0.49-beta) has been successfully rolled out. Please find the latest Nuget package from below   

 

Nuget: https://www.nuget.org/packages/Syncfusion.EJ2.Blazor/17.2.0.49-beta  

 

Please find the release notes from below link for the changes and fixes we have included in this release  

 

Grid: https://ej2.syncfusion.com/blazor/documentation/release-notes/17.2.49/#grid  

 

In this release we have included the fix for the issue “read only properties throw exception while using inside the column template”.  

 

Please get back to us if you have further queries. 

 

Regards, 

Vignesh Natarajan 

[Ryan]

I was still getting that error with version 17.2.0.49-beta.  The fix was to not render the grid until the data source was instantiated:

@if (Data== null)

{

     <p>Loading...</p>

}

else

{

     <EjsGrid>

          @* Template Column here *@

     </EjsGrid>

}

@code{

     List<DataType> Data;

     protected override async Task OnInitializedAsync()

    {

        Data = await LoadData();

    }

}

[Vignesh Natarajan]

Hi Ryan, 

Query: “I was still getting that error with version 17.2.0.49-beta” && The fix was to not render the grid until the data source was instantiated: 

 

At our end, Grid is rendered properly when we update the Grid DataSource in asynchronous way with read only properties. To replicate your reported scenario, we have prepared a sample to render Grid with empty dataSource and template column with readonly properties. On button click, we have updated the dataSource. We are not able to reproduce the reported issue at our end. Kindly download the sample from below  

Sample: https://www.syncfusion.com/downloads/support/forum/146078/ze/BlazorApp1695738489  

 

Kindly refer our model class 

 

public class EmployeeData 

    { 

        public readonly int? EmployeeID = 1001; 

        public string FirstName { get; set; } 

        public string LastName { get; set; } 

        public string Title { get; set; } 

        public DateTime? HireDate { get; set; } 

    } 

 

After referring the sample if you still face the issue, kindly share the following details  

1. Share the Grid rendering code.
2. Share your model class of your dataSource
3. Share the screenshot of script error or exception you are facing.
4. If possible reproduce the reported issue in the provided sample.
5. Share the exact details about your issue.

Requested details will be helpful for us to validate the reported issue at our end to provide the solution as early as possible  

Regards, 

Vignesh Natarajan. 

[Vignesh Natarajan]

Hi Edward,  

Query: “The problem has not been fixed for properties that are not marked readonly but instead have a gettor without a settor.” 

We have validated the defect you have initiated with us. Thank you for taking the time to report this issue “Template values are not updated properly on button click, when any of the model properties does not have setter” 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 including the defect fix in our subsequent Nuget release which is expected to be roll out on or before 16^th October 2019.  

 

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

 

Feedback: https://www.syncfusion.com/feedback/9185/template-values-are-not-updated-properly-when-any-of-the-model-properties-does-not-have-setter  

 

Till then we appreciate your patience. 

Regards, 

Vignesh Natarajan. 

[Vignesh Natarajan]

Hi Edward,  

 

We are glad to inform that our latest Nuget package (17.3.0.21-beta) has been successfully rolled out. In this release we have resolved the issue “Template values are not updated properly on button click, when any of the model properties does not have setter”. Please find the latest Nuget package from below   

 

Nuget:  https://www.nuget.org/packages/Syncfusion.EJ2.Blazor/17.3.0.21-beta  

 

Release Note: https://ej2.syncfusion.com/blazor/documentation/release-notes/17.3.21/#grid  

 

Also ensure that you have referred the latest version script and css as below  

 

  <link rel='nofollow' href="https://cdn.syncfusion.com/ej2/17.3.21/fabric.css" rel="stylesheet" /> 

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

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

 

 

Please get back to us if you have further queries. 

 

Regards, 

Vignesh Natarajan. 

 

[Dmitry]

17.3.0.28 - Unable to open Grid Template when it's rendered inside EjsModal

[Vignesh Natarajan]

Hi Amine,  

Greetings from Syncfusion support.  

Query: “I have also a problem with GridColumn temple, nothing is displayed in the column” 

 

From your code example, we have found that you have not defined the ModelType property of EjsGrid. This is the cause of the issue. While using Grid templates like column template, edit template etc. it is necessary to define ModelType with property of DataSource model class. Kindly specify the ModelType property of EjsGrid to resolve the issue.  

Refer our UG documentation and online demo for your reference 

UG: https://ej2.syncfusion.com/blazor/documentation/grid/templates/  

https://ej2.syncfusion.com/blazor/documentation/grid/columns/#column-template  

Demo: https://blazor.syncfusion.com/demos/Grid/ColumnTemplate?theme=material  

Please get back to us if you have further queries.  

Regards, 

Vignesh Natarajan. 

[Vignesh Natarajan]

Hi Dmitry,  

Thanks for contacting Syncfusion forums. 

Query: “17.3.0.28 - Unable to open Grid Template when it's rendered inside EjsModal” 

 

We suspect that you are facing issue while rendering Grid (with column template) inside the EjsDialog (modal). So to replicate the issue at our end we have prepared a sample to render Grid inside the dialog using our latest version (17.3.0.28-beta) and we are not able to reproduce the reported issue at our end. Kindly download the sample from below  

Sample: https://www.syncfusion.com/downloads/support/forum/146078/ze/F1460781795506769  

Refer our UG documentation for your reference 

https://ej2.syncfusion.com/blazor/documentation/grid/templates/  

https://ej2.syncfusion.com/blazor/documentation/grid/columns/#column-template  

Kindly ensure that you have referred the same version script (17.3.28) and css files corresponding to Nuget (17.3.0.28-beta) package.  If you are still facing the issue, kindly share the following details.  

1. Share the Grid rendering code example.
2. Share your Blazor application type (server or client)
3. Share the screenshot of script error in console window (If any)
4. If possible try to reproduce the reported issue in provided sample and get back to us.

Requested details will be helpful for us to validate the reported issue at our end  and provide the solution as soon as possible.  

Regards, 

Vignesh Natarajan.