Telerik Treelist-仅如何禁用/启用“添加子项”按钮

Question

使用此代码，它目前同时禁用add child和update按钮，但我希​​望仅禁用add child按钮。

禁用add child和update按钮：

function dataBound(e) {
    //disables add buttons if has child
    var rows = $(".k-grid-content tr");
    rows.each(function () {
        var row = $(this);
        if (row.find(".k-i-expand,.k-i-collapse").length) { //disables add button if has child
            row.find(".k-grid-add").prop("disabled", true);
        }
        else {
            row.find(".k-grid-add").prop("disabled",false);
        }

}

因此，Telerik在仅禁用add child按钮而不触摸update按钮的地方提供了此代码

 .k-treelist-group [data-command='createchild'] {
    pointer-events:none;
    cursor: default;
    opacity: 0.6;
  }

如何将CSS代码与jquery集成？我已经尝试过了，但是没有用：

if (row.find(".k-i-expand,.k-i-collapse").length) {
      row.find(".k-grid-add").css("pointer-events", "none");
     }
else {
      row.find(".k-grid-add").css("pointer-events", "block");
     }

这是telerik提供的解决方案：https://dojo.telerik.com/itERItaP

他们在说什么：

  

此方法的问题是由于性能原因，   命令按钮DOM元素被重用。所以基本上是“添加孩子”   单击编辑按钮后，DOM元素按钮将变为“更新”。   这就是为什么在添加“   子”按钮在dataBound事件处理程序中被禁用。

     

为了避免此问题，我建议禁用按钮   带有样式，特别是带有指针事件：无，如   https://dojo.telerik.com/itERItaP示例。仅用于演示目的   具有子节点的节点将禁用“添加子节点”按钮。