Sorting a Grid bound to array...

[Robin]

Is it possible to set the sort of a grid that is bound to a simple array ?  I know I could make the array into a dataSource and add sorting that way, but this array is a child of an object which the entire template is bound to, so I use the value bindings for a grid to the child array.

See jsbin sample http://jsbin.com/haciba/1/edit 

Do I need to sort this data ahead of time, before I create the observable, or is there a way to declaratively set the sorting on the grid ?

Thanks,

Robin

[Alexander Valchev]

Hi Robin,

Yes it is possible to set the sort order via data attributes. Please see the updated example:

• http://jsbin.com/wisip/2/edit

<div id="grid"
  data-role="grid"
  data-sortable="true"
  data-columns="[{field: 'c', title: 'Color'},
  {field: 'order', title: 'Order'}]"
  data-source='{"sort": { "field": "order", "dir": "asc"}}'
  data-bind="source: colors">
</div>

Regards,
Alexander Valchev
Telerik

 

 

[Robin]

Thank you so much.  Works perfectly.