根据条件在dojo网格中显示/隐藏列

Posted 2021-04-15

伙计我有一个列，我想根据设置条件隐藏和显示...所以如何在道场做...这是我的代码

this._grid = new Grid({
    myColumn,
    {field: 'description' ,label:'description', dismissOnEnter: false,  editor: 'textBox', autoSave: true, renderCell: function(object, data, td, options){
        td.innerhtml = data;
    }}]
});

var myColumn = {
    field: 'myColumn', 
    label: 'myColumn', 
    editor: Select,
    hidden:false, /* hide or show based on condition*/
    autoSave: true,
};

任何帮助将不胜感激...谢谢

答案

使用grid.layout.setColumnVisibility(0,true);动态显示或隐藏网格列。

如果您有更多列要隐藏或显示然后使用

grid.beginUpdate()

grid.layout.setColumnVisibility(i, visible);

grid.endUpdate();

我是要隐藏/显示的列索引，可见是真/假

希望这可以帮助。

**********************更新**********

添加jsfiddle

**************更新2 *****************

看看这个扩展

https://github.com/SitePen/dgrid/blob/v1.2.1/doc/components/extensions/ColumnHider.md

另一答案

您可以轻松使用CSS

grid.styleColumn（“idOfColumn”，“display：none;”）;