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

ASP.NET MVC razor SAP Crystal report