devextreme datagrid comand button

Question

Ich benutze devextreme grid view. gibt es eine Möglichkeit, eine benutzerdefinierte Befehlsschaltfläche neben defualt Befehlsschaltfläche hinzuzufügen? Ich habe diesen Code versucht, aber ich denke, das ist nicht der richtige Weg.

onContentReady: function (e) { 
      if ($("#createButton").length == 0) { 
       var $customButton = $("<a id='createButton' i />") 
        .text("Users") 
       .addClass("btn") 
      .on('dxclick', function() { 
       var url = '@Url.Action("sample")'; 
       window.location.href = url; 
      }); 
       var toolbar = e.element 
        .find('.dx-link'); 
       $(toolbar.get()) 
        .prepend($customButton); 
      } 
     }, 

Answer 1

Ich verstehe, dass Sie nach etwas wie diesem Code suchen.

   onContentReady: function (e) { 
      if (!e.component.detayColumnAdded) { 
       e.component.detayColumnAdded = true; 
       e.component.addColumn({ 
       cellTemplate: function (cellElement, args) { 
      $('<a/>').addClass('dx-link') 
      .text('Detay') 
      .on('dxclick', function (info) { 
         }).appendTo(cellElement) 
        } 
       }); 
      } 

     } 

Auch

 columns: [ 
      { cellTemplate: function (container, options) { 
      $('<a/>').addClass('dx-link') 
      .text('CLİCK') 
      .on('dxclick', function (info) { 

      }) 
      .appendTo(container); 
     } 
    } 

Answer 2

Sie können es tun html und jquery mit

$(document).ready(function() { 
    var r = $('<label class="className" type="button" onclick="yourFunction()" >Custom Name</button>'); 
    $('#gridId.dx-toolbar-before').append(r); 
});