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

您可以使用html和jquery

来完成

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

Answer 2

我知道您正在寻找类似此代码的内容。

              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 3

我正在用角度实现变通方法：添加普通列并更改模板

<dxi-column cellTemplate="cellTemplate" caption="Edit" ...>
  <div *dxTemplate="let cell of 'cellTemplate'">
    <div><i class="fa fa-edit"></i></div>
  </div>
</dxi-column>

然后捕捉onCellClick事件：

onCellClicked = (e): void => {
 if (e.column.caption === 'Edit') {
   this.OpenMobile.emit(e.data);
   return;
 }
}

详细了解cellTemplate

和onCellClick

因此无论框架如何，您都可以实施此有用的技巧。

devextreme datagrid命令按钮

3 个答案: