Kendo Editable Grid with custom editable cell templates in angular js

[praneeth]

Hi,

I have a requirement to build a Kendo Editable Grid for bulk records update in my Angular project

my requiremnts are

  1)Custom editor controls for each cell based on types, all custom controls defined as angular directives

when user clicks on the cell based on the type i need to load a custom directive 

 2) each row should be in a same scope and should react with the data changes in other cell
for example if user Edit/change the selection of column A, the Column B should run some business rules to  display a mask(hide) on it or it should load new data(in case of drop downs)
 

Please help me with any example or the approach how to achieve this scenario.

Thanks in Advance

[Kiril Nikolov]

Hi,

I would suggest you to start with our demos and documentation where similar examples are available:

http://docs.telerik.com/kendo-ui/AngularJS/introduction

http://demos.telerik.com/kendo-ui/grid/angular

Regards,
Kiril Nikolov
Telerik

 

 

[praneeth]

Hi Kiril Nikolov,

Thanks for your reply.
I have a requirement to add column template for a kendo editable grid, I am able to render grid with column template but i have couple of issues
1) when double click on a cell the editor textbox is opening and bind with model value but  after editing is done the updated value is lost and not visible in grid
2)i have paging enabled on grid when page loads only the first page is displaying the data in templated columns but the other pages are not displaying the data for templated columns.

to demonstrate the  issues  made a  @ http://plnkr.co/edit/0QXGS7?p=preview 
Please suggest me how can i solve those issue

Thanks In Advance,
Praneeth

[Kiril Nikolov]

Hello,

Your setup in the plunker is not correct. I would suggest you to use the kendo.angular.min.js file instead of the old angular-kendo file, and to upgrade to a more recent AnulgarJS version. A working example of what you are trying to do is also available here:

http://www.telerik.com/forums/angular-column-template-function

Regards,
Kiril Nikolov
Telerik