Comment masquer le bouton personnalisé de la barre d'outils de la grille hiérarchique dans la grille de kendo?

Question

Voici ma barre d'outils de la grille de hiérarchie.

Je mets un nouveau bouton dans la barre d'outils et cet identifiant est CustomButton.

Je veux masquer ce bouton sur un clic mais quand l'appel ajax est réussi.

J'ai essayé $ ("# CustomButton"). Remove(); Et aussi $ ("# CustomButton"). Hide(); Ce code via mon bouton n'est pas masquer.

Comment cacher ce bouton?

toolbar: [{ name: "create", text: "@T("Admin.Common.AddNewRecord")" },{ name: "add_user", template: '<a class="k-button" id="CustomButton" onclick="oleuminvoiceDocketSubmit()">Send invoice to customer</a>'}], 

//Custom Toolbar Button Click 
function oleuminvoiceDocketSubmit() 
{ 
     $.ajax({ 
      dataType: "json", 
      type: "POST", 
      url: "@(Url.Action("Abc", "Def"))", 
      data: { 
       'id':InvoiceId, 
       'selectedid':selectedIds, 
       'method':'Ground' 
      }, 
      success: function (response) { 

      }, 
      }); 
} 

Answer 1

Donnez attribut Id à bouton personnalisé:

toolbar: [{ name: "create", id : "btnTest"}] 

En fonction de succès utiliser cet identifiant comme ci-dessous:

success: function (response) { 
    $("#btnTest").hide(); 
}, 

Answer 2

$(document).ready(function() { 
    // after grid initialization 
    $("#CustomButton").kendoButton().data("kendoButton"); 
} 

Et dans la fonction de réussite de l'utilisation d'appel ajax : $("#customButton").hide();