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

时间:2018-08-31 13:49:05

标签: javascript dojo

伙计们,我有一列要根据设置中的条件进行隐藏和显示...所以如何在dojo中做到这一点...这是我的代码

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,
};

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

2 个答案:

答案 0 :(得分:0)

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

如果要隐藏或显示更多列,请使用

grid.beginUpdate()

grid.layout.setColumnVisibility(i, visible);

grid.endUpdate();

i是您要隐藏/显示且可见为true / false的列索引

希望这会有所帮助。

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

添加jsfiddle

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

查看此扩展名

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

答案 1 :(得分:0)

您可以轻松使用CSS

  

grid.styleColumn(“ idOfColumn”,“ display:none;”);