使用JQuery隐藏Kendo ui命令列

Hide a Kendo ui command column using JQuery

本文关键字：命令 ui Kendo JQuery 隐藏 使用      更新时间：2023-09-26

我可以在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");
});

提前感谢！

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

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

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

剑道API参考

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

                  $('#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

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

相关文章：