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