从 Treelist 剑道中删除行答案

【问题标题】：Remove row from Treelist kendo从 Treelist 剑道中删除行
【发布时间】：2016-06-14 14:15:52
【问题描述】：

单击按钮后，我想从 Treelist 中删除行。我在事件“单击：删除”中绑定函数。首先，我选择一行，然后尝试从 DataSource 中删除对象。而这一点是不正确的。

remove: function () {
                    var that = this;
                    if (this.isGridSelected) {
                        var arr = [];
                        arr = this.selectedRow.toJSON();//this line show selected row

                        this.roleDataSourcePrzypisane.remove(this.arr);//I think this row is wrong ...Remove no work
                        console.log(this.roleDataSourcePrzypisane);


                        this.set("roleDataSourcePrzypisane", this.roleDataSourcePrzypisane);

                    } else {
                        iwInfo('Please choose row', 'warning');
                    }


                }

【问题讨论】：

标签： events kendo-ui kendo-treelist

【解决方案1】：

function removeRow(e) {
    var treelistCurrentInstance = $("#treelist").data("kendoTreeList");
    var currentRow = $(e).closest('tr');
    treelistCurrentInstance.removeRow(currentRow);
}

我尝试过类似的方法，我通过按钮实例引用当前行并使用剑道树列表的 removeRow 方法。

【讨论】：

【解决方案2】：

假设一个按钮控件：

<button id="btn">Remove selected row</button>

click 事件移除 kendoUI jQuery TreeList 控件中的选定行：

$("#btn").click(function()
{
    let Treelist = $("#treelist").data("kendoTreeList");
    let Row = Treelist.select();
    Treelist.removeRow(Row);
});

确保 TreeList 是可编辑的，例如与：

"editable": true

在 TreeList 创建定义中，否则 .removeRow() 方法将不起作用。

【讨论】：