javascript - 使用 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: " ", width: "250px" }

hideColumn/showColumn 操作使用列号或列字段“名称”。

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

如果您只想使用字段属性进行显示/隐藏切换，则需要将字段值放入与列顺序相同的数组中，并编写几个函数。但是，不确定这是否是您的要求。