如何隐藏命令。自定义剑道？答案

【问题标题】：how to hide a commands.Custom in kendo?如何隐藏命令。自定义剑道？
【发布时间】：2021-07-27 06:42:01
【问题描述】：

我正在构建一个局部视图，我必须根据主视图中的值隐藏一个按钮，列很好地隐藏它们，但是当隐藏按钮时它不起作用。

我有以下功能

function onSelect(e) {    
gridEstudiantesShowHide(false);
if ($('input[name="hd_idServicio"]').val($("#ddlServicios").val()) != "") {       

    if ($("#ddlServicios").val().split("#")[4] === "0") {            
        var grid = $("#Grid").data("kendoGrid");
        grid.hideColumn(4);
    }
    else {
        var grid = $("#Grid").data("kendoGrid");
        grid.showColumn(4);
       
    }
    if ($("#ddlServicios").val().split("#")[2] == "4" || $("#ddlServicios").val().split("#")[2] == "9") {
        var grid = $("#Grid").data("kendoGrid");
        grid.showColumn(5);
    }
    else {
        var grid = $("#Grid").data("kendoGrid");
        grid.hideColumn(5);
    }
    if ($("#ddlServicios").val().split("#")[3] == "1") {
        var grid = $("#Grid").data("kendoGrid");
        grid.hideColumn(3);
   
        columns: [
            { field: "name" },
             { command: [{ name: "AsignarGrupo", visible: false}] }                               
        ]

    }
    else {
        console.log("Muestra botón");
        var grid = $("#Grid").data("kendoGrid");
        grid.showColumn(3); 
   { command: [{ name: "AsignarGrupo", visible: false}] }   


    }

}
else {
   
}

它仅在隐藏列时有效，我已阅读所有 dojo 文档无济于事。

有人可以帮助我吗？

【问题讨论】：

很难为您提供示例。请创建一个最小的、可重现的示例 (stackoverflow.com/help/minimal-reproducible-example)

标签： javascript c# kendo-ui telerik

【解决方案1】：

列命令中的属性visible 需要一个必须返回布尔值的函数，因此您可以在列定义中执行此操作：

{ command: [{ name: "AsignarGrupo", visible: function(dataItem) { return $("\\#ddlServicios").val().split("\\#")[3] == "1"; } }] }

演示：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.1.330/styles/kendo.default-v2.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2021.1.330/js/kendo.all.min.js"></script>
</head>
<body>
  <select id="ddlServicios">
    <option value="1#1#1#1">Opt 1</option>
  </select>
<div id="grid"></div>
<script>
  
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { command: "destroy" }, // displays the built-in "destroy" command
    { command: [{ name: "test", visible: function(dataItem) { return $("\\#ddlServicios").val().split("\\#")[3] == "1"; } }] }
  ],
  editable: true,
  dataSource: [ { name: "Jane Doe" } ]
});
</script>
</body>
</html>

Dojo

【讨论】：