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

angular approach to hiding grid toolbar

2 Answers 326 Views
Grid
This is a migrated thread and some comments may be shown as answers.
steve
Top achievements
Rank 1
steve asked on 20 Jan 2017, 09:06 PM

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 Answers, 1 is accepted

Sort by
0
Accepted
Boyan Dimitrov
Telerik team
answered on 24 Jan 2017, 12:53 PM

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.
0
steve
Top achievements
Rank 1
answered on 25 Jan 2017, 08:32 AM
Worked perfectly thanks!
Tags
Grid
Asked by
steve
Top achievements
Rank 1
Answers by
Boyan Dimitrov
Telerik team
steve
Top achievements
Rank 1
Share this question
or