AngularJS version of a sortable grid

[Kalpana]

Hi, 

How do I enable sortable functionality for a grid in AngularJS. Essentially I am looking for something like this:

http://demos.telerik.com/kendo-ui/sortable/integration-grid

However, my grid is an AngularJS Kendo Grid.

A demo link will be helpful.

Thanks,

Kalpana

[Plamen]

Hi Kalpana,

Here is a sample page where similar functionality is implemented.

Hope this will be helpful.

Regards,
Plamen
Telerik

 

 

[Kalpana]

Hi Plamen,

Thank you very much for providing me a sample. However I am looking for a functionality where I will be able to rearrange the rows of data using drag and drop instead of clicking the column header for sort.

The interaction needs to be similar to this one: http://demos.telerik.com/kendo-ui/sortable/integration-grid where the user can rearrange the rows of data using drag and drop.

Thanks for your help.

Regards,
Kalpana 

 

[Alexander Valchev]

Hi Kalpana,

In AngularJS application the Sortable widget should be initialized as parent directive. The filter configuration option should select all tr elements that are children of the .k-grid wrapper. I prepared an example:

• http://docs.telerik.com/kendo-ui/web/sortable/how-to/angularjs-reorder-grid-rows

Regards,
Alexander Valchev
Telerik

 

 

[Kalpana]

Hi Alexander,

Thank you very much for the example. This was what I exactly wanted! :)

 

Regards,
Kalpana