可以从kendo ui视图中删除而不是从数据源中删除吗?

时间:2016-09-05 09:19:47

标签: jquery kendo-ui kendo-grid

我们在kendo UI网格中有一个软删除功能。当单击删除时,它应将标志标记为true并立即从剑道视图中删除该项目。我试过grid.dataSource.view()。remove(selectedItem)。但是没有按预期工作。

1 个答案:

答案 0 :(得分:0)

databound事件上添加:

dataBound: function (e) {
                //get all rows
                var rows = e.sender.tbody.children();

                for (var j = 0; j < rows.length; j++) {
                    var row = $(rows[j]);
                    var dataItem = e.sender.dataItem(row);

                    //check your delete property here
                    if (dataItem && dataItem.hidden) {
                        row.addClass("hiddden");
                    }else{
                        row.removeClass("hiddden");
                    }
         }
}

在CSS中:

.hidden{
    display:none;
}

<强>更新

如果您需要在网格上正确处理分页而不是在初始化时添加:

    var ds = grid.sender.dataSource;
    //get dataSource's array of filters
    var curr_filters = ds.filter().filters;
    //create new filter object for hidden prop
    var new_filter = { field: "hidden", operator: "eq", value: true };
    //add new_filter to filters
    curr_filters.push(new_filter);
    //apply the filters
    ds.filter(curr_filters)

这样你就不需要修改课程了。