angular approach to hiding grid toolbar

3 posts, 1 answers
  1. steve
    steve avatar
    83 posts
    Member since:
    Oct 2009

    Posted 20 Jan 2017 Link to this post

    I am looking for a way to hide either the toolbar or the buttons with in it.  I am using angular with the batch editing and when I disenable the grid I want to be able to  be able to either hid or disable the batch toolbar.

     

    I have found example like this that work for MVC or JS approaches, using the databound function,

    http://www.telerik.com/forums/how-do-you-remove-toolbar-separators

    I have also tried doing it this way, while it does find the element, there are no valid methods or properties

    var elements = document.getElementsByClassName("k-grid-toolbar");
    while (elements.length > 0) {
    elements[0].parentNode.removeChild(elements[0]);
    }
  2. Answer
    Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    2026 posts

    Posted 24 Jan 2017 Link to this post

    Hello steve,

    A possible way to implement such behavior using the angular way can be using the k-rebind directive. More information about this directive can be found in the Widget Update upon Option Changes article. Please refer to the http://dojo.telerik.com/EDegi demo. 

    Regards,
    Boyan Dimitrov
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. steve
    steve avatar
    83 posts
    Member since:
    Oct 2009

    Posted 25 Jan 2017 Link to this post

    Worked perfectly thanks!
Back to Top