Jquery 按钮赢了';t使用自定义命令(剑道UI)添加到列

Jquery 按钮赢了';t使用自定义命令(剑道UI)添加到列,jquery,kendo-ui,kendo-grid,Jquery,Kendo Ui,Kendo Grid,我试图在最后一列添加按钮,使其成为onClick->model窗口 按钮将不会显示为新列 浏览器看到的js文件与visualStudio中的相同 我试图重建这个项目 重命名js文件 重新启动:) 浏览器检查器让我明白没有新的 生成的列 请告诉我出了什么问题?非常感谢 $(document) .ready(function() { //KendoGrid var tabStrip; var GridObject; var expandedRowDataIt

我试图在最后一列添加按钮,使其成为onClick->model窗口

按钮将不会显示为新列

  • 浏览器看到的js文件与visualStudio中的相同
  • 我试图重建这个项目
  • 重命名js文件
  • 重新启动:)
  • 浏览器检查器让我明白没有新的 生成的列

请告诉我出了什么问题?非常感谢

$(document)
.ready(function() {


    //KendoGrid
    var tabStrip;
    var GridObject;
    var expandedRowDataItem;
    var accountInfoTabData;
    var rowObject;


    $("#grid")
        .kendoGrid({
            dataSource: {
                transport: {
                    read: {
                        url: "/api/GridData/GetCustomers",
                        dataType: "json"
                    }
                },
                pageSize: 20,
                schema: {
                    parse: function(response) {

                        $.each(response,
                            function(idx, elem) {
                                if (elem.RegistrationDate && typeof elem.RegistrationDate === "string") {
                                    elem.RegistrationDate = kendo.parseDate(elem.RegistrationDate);
                                }

                                if (elem
                                    .RemovalFromClientsDate &&
                                    typeof elem.RemovalFromClientsDate === "string") {
                                    elem.RemovalFromClientsDate = kendo.parseDate(elem.RemovalFromClientsDate);
                                }

                            });
                        return response;
                    }
                }
            },
            autoBind: true,
            height: 550,
            filterable: true,
            groupable: true,
            sortable: true,
            //editable: "inline",
            pageable: {
                refresh: true,
                pageSizes: true,
                buttonCount: 5
            },
            detailTemplate: kendo.template($("#template").html()),
            detailInit: detailInit,

            detailExpand: function(e) {
                //this.collapseRow(this.tbody.find(" > tr.k-master-row").not(e.masterRow));
                expandedRowDataItem = this.dataItem(e.masterRow);

            }
        },
        {
            columns: [
                { field: "UniqueClientCode", title: "Уникальный код клиента" },
                { field: "ClientName", title: "Имя клиента" },
                { field: "ClientOKPO", title: "ОКПО клиента" },
                {
                    field: "RegistrationDate",
                    title: "Дата регистрации",
                    type: "date",
                    format: "{0:dd/MM/yyyy}"
                },
                {
                    field: "RemovalFromClientsDate",
                    title: "Дата удаления из клиентов",
                    type: "date"
                },
                {
                    command: { text: "View Details", click: showDetails },
                    title: "View DT",
                    width: "50px"
                }
            ]
        });

         function showDetails(e) {
        alert("view");
    }

在列定义的最后一列尝试此操作 编辑:(剃刀):

columns.Template(p=>{}).ClientTemplate(“”).Width(130).Title(“编辑/删除”).HtmlAttributes(新的{@class=“tdCenter”});

很抱歉设置此问题。问题已经被发现了。。。那东西太蠢了。。。“括号”

部分在单独的括号中:

{
columns: [
/*some code*/
]
}
不知怎的,除了最后一列有按钮外,它对整个网格都有效

应该是这样的:

$("#grid")
   .kendoGrid({
       dataSource: { 
/*DataSource*/ 
}, 
columns: [ /*some code*/ 
]
});

我认为命令的正确语法是使用
name
而不是
text
。在您的例子中,有人这样想:{name:“查看详细信息”,单击:showDetails}我仔细检查了他们的文档,看起来您可以同时使用这两个命令。我目前无法测试您的代码,但我回家后会看一看。您是否检查了控制台中的错误?我粘贴了你的代码,效果很好。将“文本”更改为“名称”不会影响问题。控制台中也没有一个错误,是剃刀语法?我不知道如何实现我的代码在js文件(jquery)中
$("#grid")
   .kendoGrid({
       dataSource: { 
/*DataSource*/ 
}, 
columns: [ /*some code*/ 
]
});