Kendo Editable Grid with custom editable cell templates in angular js

4 posts, 0 answers
  1. praneeth
    praneeth avatar
    3 posts
    Member since:
    Jul 2011

    Posted 13 Apr 2016 Link to this post

    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
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 15 Apr 2016 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. praneeth
    praneeth avatar
    3 posts
    Member since:
    Jul 2011

    Posted 19 Apr 2016 in reply to Kiril Nikolov Link to this post

    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 above explained issues i made a plnkr @ http://plnkr.co/edit/0QXGS7?p=preview 
    Please suggest me how can i solve those issue

    Thanks In Advance,
    Praneeth

  4. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 21 Apr 2016 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top