Question

我有一个使用MVVM的kendo网格。我的问题是我似乎无法使用隐藏属性和表达式设置列可见性：

data-columns=
             "[{'template':'# if (User!=null) { # #=User.Name# # } #',
             'title':'User', 'hidden': User==null}

该模板有效，但隐藏了＆＃39;属性似乎没有。

有什么方法可以让它发挥作用吗？

Answer 1

作为替代方案，您可以绑定到dataBinding或dataBound事件以有条件地隐藏列：

data-bind="events:{ dataBinding: onDataBinding }"

查看型号：

var viewModel = kendo.observable({
    User: null,
    showHideUserColumn: function (e) {
        var grid = e.sender;

        if (this.User) {
            grid.showColumn("User");
        } else {
            grid.hideColumn("User");
        }
    },
    onDataBinding: function (e) {
        this.showHideUserColumn(e);

        // if you want to track changes, (re)bind change tracking
        this.unbind("change", this.showHideUserColumn);
        this.bind("change", this.showHideUserColumn);
    }
});

Answer 2

只有通过data-bind属性指定的属性才能参与MVVM更改跟踪。其他数据属性将映射到窗口小部件配置属性，而不会根据视图模型进行评估。

目前没有绑定可以隐藏和显示网格列。

具有MVVM的Kendo网格，绑定列可见性

2 个答案: