Knockout KendoUI Grid - 使用observable的隐藏列

时间:2016-01-26 15:40:18

标签: knockout.js kendo-ui grid hide

有没有办法在挖掘中使用observable隐藏网格中的列?


 var isHidden = ko.observable(false);

//Want to change based on some logic
isHidden(true);

columns: [
            { field: 'SomeColumn', title: 'Some Column header', hidden: isHidden },

        ]

目前这不起作用。任何想法??

1 个答案:

答案 0 :(得分:0)

您可能需要使用以下模板:

 var isHidden = ko.observable(false);
var ViewModel = function() {
    this.dataItems= ko.observableArray([
        { some columns: "10", hidden: isHidden},

    ]);

};

//Want to change based on some logic
isHidden(true);

你的HTML需要使用像这样的东西

<div data-bind="kendoGrid: { data: dataItems, rowTemplate: 'yourHiddenTemplate',  useKOTemplates: true }"> </div>

<script id="yourHiddenTemplate" type="text/html">
    <div data-bind="visible:hidden ">
       //other html
    </div>
</script>

只是一个想法,希望他