how to dinamycally create grid columns?

using 17.3.17.

I've tried this to create grid columns dinamically.

@page "/gridDinamyc"

   

@code{

    EjsGrid grid;

    protected override void OnAfterRender()

    {

        List col = new List();

        col.Add(new GridColumn() { Field = "OrderID", HeaderText = "ID" });

        col.Add(new GridColumn() { Field = "CustomerID", HeaderText = "Name" });

        grid.Columns = col;

        var dataManager = new EjsDataManager();

        dataManager.CrossDomain = true;

        dataManager.Adaptor = Adaptors.WebApiAdaptor;

        dataManager.EnableCaching = false;

        dataManager.Url = "https://ej2services.syncfusion.com/production/web-services/api/Orders";

        dataManager.Offline = false;

        grid.DataSource = dataManager;    

    }

} 

But compiler throw errors

Hi Emilio, 

Query 1 : error CS0115: 'GridDinamyc.OnAfterRender()': no suitable method found to override 

We suggest you to pass the argument for the “OnAfterRender()” method to overcome this error. This is a default lifecycle method from blazor. And they have modified this lifecycle methods in their latest version to be used along with argument. Please refer the code below, 

 

Query 2 : error CS0305:Using the generic type 'generic type' EjsGrid<TValue>' requires 'number' type arguments 

We have provided Generic type support for our Syncfusion controls in our previous version 17.2.40, so all the versions following this will support generic type. As you are using our latest version(17.3.17), kindly refer the below release notes for your reference and do the necessary changes in your application. 

Release Notes : https://ej2.syncfusion.com/blazor/documentation/release-notes/17.2.40/  

Please use the code below, 

As like your code, you cannot directly assign the EjsDataManager to the DataSource property of EjsGrid. If you want to enable EjsDataManager in Grid after initial rendering then we suggest you to refer to the below documentation for more details regarding this, 

Documentation : https://ej2.syncfusion.com/blazor/documentation/grid/data-binding/?no-cache=1#enable-ejsdatamanager-after-initial-rendering 

We have also prepared a sample by modifying your codes, in which we have added the above mentioned suggestions and enabled the EjsDataManager by using the “OnDataBound” event of Grid. Please download the sample from the link below, 

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorApp11650938031 

 

Please get back to us if you need further assistance. 

Regards, 

Renjith Singh Rajendran. 

Hi Emilio, 

Thanks for your update. 

We are glad to hear that our sample helped you in achieving your requirement. 

Please get back to us if you need further assistance. 

Regards, 

Renjith Singh Rajendran.