This is a migrated thread and some comments may be shown as answers.

AngularJS version of a sortable grid

4 Answers 10 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Kalpana
Top achievements
Rank 1
Kalpana asked on 13 Oct 2015, 12:13 AM

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

4 Answers, 1 is accepted

Sort by
0
Plamen
Telerik team
answered on 13 Oct 2015, 02:23 PM
Hi Kalpana,

Here is a sample page where similar functionality is implemented.

Hope this will be helpful.

Regards,
Plamen
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Kalpana
Top achievements
Rank 1
answered on 14 Oct 2015, 01:17 AM

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 

 

0
Accepted
Alexander Valchev
Telerik team
answered on 15 Oct 2015, 12:47 PM
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:


Regards,
Alexander Valchev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Kalpana
Top achievements
Rank 1
answered on 19 Oct 2015, 12:37 AM

Hi Alexander,


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

 

Regards,
Kalpana

Tags
Grid
Asked by
Kalpana
Top achievements
Rank 1
Answers by
Plamen
Telerik team
Kalpana
Top achievements
Rank 1
Alexander Valchev
Telerik team
Share this question
or