data-columns and binding data

[Felipe Casanova]

Is it possible to bind data from a viewmodel to data-columns? I tried the following to no avail.

<div data-role="grid"

                    data-sortable="true" data-editable="true"

                    data-columns="source: myColumns"

                    data-bind="source: entities"

                    data-row-template="rowTemplate"></div>

[Alexander Valchev]

Hello Matt,

This syntax is not supported - the columns should be defined as a JSON string in the data-columns attribute. For example:

data-columns='["ProductName", { "field": "UnitPrice", "format": "{0:c}", "width": "150px" }]'

Kind regards,
Alexander Valchev
the Telerik team

[Mark]

Using JSON in the data-columns (as above) works in Firefox, but seems to be broken in IE.  It seems to work for an array of strings, only.

Upon further investigation, it appears to work, but the JSON cannot be split across multiple lines of text... it must all be on the same line, which makes the source rather difficult to read...

[Cody]

I agree. defining the columns in an HTML attribute isn't pleasant. It would be great to be able to do it as a property of the view model.