devextreme DataGridコマンドボタン

Question

私はdevextremeグリッドビューを使用しています。 defualtコマンドボタンの他​​にカスタムコマンドボタンを追加する方法はありますか？ 私はこのコードを試しましたが、これは正しい方法ではないと思います。

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

私はあなたがこのコードのようなものを探していることを理解しています。

   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) 
        } 
       }); 
      } 

     } 

また

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

      }) 
      .appendTo(container); 
     } 
    } 

Answer 2

あなたは、HTMLとjQueryを使用してそれを行うことができます

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