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

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

使用JQuery隐藏Kendo ui命令列

1 个答案: