从 Treelist kendo 中删除行

Question

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

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');
                    }


                }

Answer 1

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

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

Answer 2

假设一个按钮控件：

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

单击事件删除 kendoUI jQuery TreeList 控件中的选定行：

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

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

"editable": true

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