从Treelist kendo中删除行

时间:2016-06-14 14:15:53

标签: events kendo-ui kendo-treelist

我想在点击按钮后删除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');
                    }


                }

2 个答案:

答案 0 :(得分:0)

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

我尝试了类似的东西,我已经引用了当前按行的按钮并使用了kendo treelist的removeRow方法。

答案 1 :(得分:0)

假设一个按钮控件:

<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()方法将不起作用。