devextreme datagrid命令按钮 [英] devextreme datagrid command button

问题描述

我正在使用devextreme网格视图.除了defualt命令按钮之外，有什么方法可以添加自定义命令按钮吗?我已经尝试过此代码，但是我认为这不是正确的方法.

I am using devextreme grid view. is there any way to add a custom command button besides defualt command button? i have tried this code but i think this is not the correct way.

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

推荐答案

您可以使用html和jquery

You can do it using html and jquery

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

这篇关于devextreme datagrid命令按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！