Binding to a collection of dynamic objects

Requirements
Kendo UI Suite and Version	2012.2.710
jQuery Version	1.7.1
Supported Browsers and Platforms	All supported by Kendo UI
Components/Widgets used	Grid
ASP.NET MVC Version	4.0

PROJECT DESCRIPTION 
This project demonstretes how to populate Grid component with collection of dynamic objects. 

Sorry but this sample is'nt dynamic because in the body of grid declaration, you put this:

( m.Id("ProductID");
 m.Field("ProductID", typeof(int));
 m.Field("ProductName", typeof(string));
 m.Field("UnitPrice", typeof(decimal));
 m.Field("QuantityPerUnit", typeof(string));  )

This column declarations is static, this means that you have alredy know column names. The ideal case is that you can bind column names with a list of items for example 

Is there an example with really dynamic object with all CRUD operations ? (Because Datatable is not supported for CRUD inline editing)

http://www.kendoui.com/forums/mvc/grid/problem-with-crud-operation-with-data-table-as-model.aspx

Kind Regards

Paul

This was never dynamic as mentioned by another user. Where are the dynamic columns, static columns are easy...

Did anybody find out how to handle dynamic columns?

On a related note, Grid doesn't seem to handle nested references as in:

[{ 1: { x: ..., y:, ... }, ...]
1.x
1.y

Don't know if this issue is solved, but below is one example of code for creating a dynamic grid. Don't forget the IEnumerable<dynamic> row.


@model IEnumerable<dynamic>
@{
ViewBag.Title = "Home Page";
}

@(Html.Kendo().Grid(Model).Name("Customers")
.DataSource(ds => ds.Ajax()
.Model(m =>
{
m.Id("CustomerId");
m.Field("CustomerId", typeof(int));
m.Field("Name", typeof(string));
m.Field("City", typeof(string));
m.Field("Country", typeof(string));
})
.Read(r => r.Action("Read", "Home"))
.Update(u => u.Action("Update", "Home"))
.Destroy(u => u.Action("Destroy", "Home"))
.Create(u => u.Action("Create", "Home"))
)
.ToolBar(toolBar => toolBar.Create())
.Columns(columns =>
{
columns.Bound("CustomerId");
columns.Bound("Name");
columns.Bound("City");
columns.Bound("Country");
columns.Command(command =>
{
command.Edit();
command.Destroy();
});
})
.Editable(editable => editable.TemplateName("CustomerItem").Mode(GridEditMode.PopUp))
.Pageable()
.Sortable()
.Groupable()
.Filterable()
)

After researching for a while with no luck I finally found a solution.  Here are the details. 

Problem:  I want to generate dynamic columns in the grid every refresh.  Because my columns are based on an hour and date dimension which you would imagine are going to change every hour and hence would have a different name every time.  However i still want to generate columns on the fly and show them with nice display labels as date

Solution: So i figured since I am getting Json data what should i do.  Here is my solution. 

Note that If try to pass pre-formatted string as the Key in JSon i.e. 03/01/2014.  it would break the grid because the key in json has to comply with javascript variable naming conventions.  So as a work around instead of passing the data string in json key i am passing something like "d03_01_2014".  Once the gird is bound to the data i would loop through the columns collection of the kendo gird and rename/replace unwanted characters (i.e. 'd' and '_') with the ones i want. 

below is the function that would create my grid
then upon document ready i can make calls to get JSon data and pass it to the create method above and do the renaming of columns afterwards as shown below.

Hope this helps if you are same as my situation.

reference: 
http://www.telerik.com/forums/how-do-you-change-the-column-header-text-in-javascript