Problem : Kendo Grid Dynamic with PopUp Edit Mode Mode

[Florian]

Hi,

I tried to use dynamic object with Grid on PopUp Edit Mode, but the popup render the elements of the DataTable instead of the columns. (view attach files).

No problem in inline mode.

How to fix this ?

I use the example here.

https://github.com/telerik/ui-for-aspnet-core-examples/blob/master/Telerik.Examples.Mvc/Telerik.Examples.Mvc/Views/Grid/Dynamic.cshtml

 

Regards.

[Florian]

Another question, how to refresh the definition of the columns when I change the Datatable ?

[Angel Petrov]

Hi,

The described behavior for the template is actually a bug. I have already logged it into our system and you can monitor our progress on the matter from here. As a workaround you can subscribe to the databound event of the grid and clear the initially serialized template.

C#

@(Html.Kendo().Grid<dynamic>()
    .Name("Grid")
    .Columns(columns =>
    {
        .....
    })
    .Pageable()
    .Sortable()
    .Editable(ed => ed.Mode(GridEditMode.PopUp))
    .Filterable()
    .Events(ev=>ev.DataBound("databound"))
    .Groupable()
        .DataSource(dataSource => dataSource
            .Ajax()
            .Model(model =>
            {
                var id = Model.PrimaryKey[0].ColumnName;
                model.Id(id);
                foreach (System.Data.DataColumn column in Model.Columns)
                {
                    var field = model.Field(column.ColumnName, column.DataType);
                    if (column.ColumnName == id) {
                        field.Editable(false);
                    }

                }
            })
            .Read(read => read.Action("Customers_Read", "Dynamic"))
            .Update(read => read.Action("Customers_Update", "Dynamic"))
    )
)

JavaScript

<script>
    var initial = true;
    function databound(e) {
        if (initial) {
            e.sender.options.editable.template = "";
            initial = false;
        }
    }
</script>

As a token of gratitude for reporting this to us I have updated your account points.

As for altering the columns definition this is possible using the setOptions method.

Regards,
Angel Petrov
Progress Telerik

[Florian]

Thanks :)

 

Have a nice day.