Kendo Grid:隐藏组头当值为空时

时间:2014-06-09 20:34:38

标签: kendo-grid

有没有办法检查返回的组值是否为“null”然后隐藏组头并展开/折叠按钮(如果是这种情况)?

1 个答案:

答案 0 :(得分:0)

没有简单的方法可以解决这个问题。但是你可以在你的网格中尝试这个:

dataBound: function (e) {
    if ($('#grid').data('kendoGrid').groupable.dataSource._group.length > 0) {
        $('#grid tbody .k-grouping-row').filter(function (index) {
            return $(this).find("p")[0].innerText.slice(-1) === ":";
        }).hide();
        $('tr td:empty').parent().hide();
    } else {
        $('tr td:empty').parent().show();
    }
}

每次对列进行分组时,都会调用dataBound事件。首先,我检查网格的分组列。

如果正在对网格进行分组,我会发现以:结尾的所有组标题行(意味着被分组的值为空或空,标签将显示Contact Name:例如) 。我还发现所有数据行都有一个空单元格,我隐藏了标题行和数据行。

但是,在取消分组时,我必须再次显示带有空/空单元格的数据行。标题行将自动删除。你可以在这里查看这个 - > jsFiddle Demo。将第一行的名称编辑为空,然后分组。它不会显示任何空组。

这是非常hacky,可能会出现未知问题,但希望它有所帮助!