使用 JQuery 隐藏 Kendo ui 命令列

Question

我可以在 Kendo UI...

中隐藏常规列

var grid = $("#MyGrid").data("kendoGrid");
grid.hideColumn("Id");

但我似乎无法隐藏像这样的命令列...

columns.Command(command =>
{
command.Custom("Edit").Text("<span class=\"glyphicon glyphicon-pencil\"></span>").SendDataKeys(true).Click("ShowEditModal");
});

提前致谢！

Answer 1

您需要将字段属性添加到您的命令列。

{ field: "coms", command: ["edit", "destroy"], title: "&nbsp;", width: "250px" }

hideColumn/showColumn 操作使用列号或列字段 "name"。

Kendo API Reference

因此，例如，使用按钮，您可以执行以下任一操作：

                  $('#hide-col1').click(function () {
                var col = grid.columns[4];
                //var col = "coms";
                if (col.hidden) {
                    grid.showColumn(col);
                } else {
                    grid.hideColumn(col);
                }
              });

或

                  $('#hide-col2').click(function () {
                grid.hideColumn("coms");
              });

这是一个工作示例：http://dojo.telerik.com/@nsnadell/uTeZu

如果您只想将字段属性用于 Show/Hide 切换，您需要将字段值放入与您的列具有相同顺序的数组中，并编写一个耦合功能。但是，不确定这是否是您的要求。

使用 JQuery 隐藏 Kendo ui 命令列

Hide a Kendo ui command column using JQuery

javascript

jquery

kendo-ui