kendo ui grid hide toolbar button


If you want to hide or show any toolbar button (Add, Edit & delete) of kendo UI grid you can use this script .


  $(document).ready(function () {  
                // Your Grid   
               // menu enable & disable  
               var MenuEdit = '@ViewData["MenuEdit"].ToString()';  
               alert(MenuEdit);  
               if (MenuEdit == 0) {  
                 $(".k-grid-add", "#DefaultGrid").hide();  
                 $(".k-grid-edit", "#DefaultGrid").hide();  
                 $(".k-grid-delete", "#DefaultGrid").hide();  
               }  
               else {  
                 $(".k-grid-add", "#DefaultGrid").show();  
                 $(".k-grid-edit", "#DefaultGrid").show();  
                 $(".k-grid-delete", "#DefaultGrid").show();  
               }  
             });  

Note: Define the script after your Kendo UI Grid.

Popular posts from this blog

WPF Crystal Report Viewer Using SAP

mvc razor textboxfor change event change another textboxfor value

ASP.NET MVC razor SAP Crystal report