Скрыть столбец в dgrid динамически

Question

Как скрыть полный столбец в dgrid (gridFromHtml) на основе некоторого параметра времени выполнения? Давайте скажем, если значение параметра истинно, я должен иметь возможность отображать некоторый столбец, а если значение ложно, то я должен уметь скрыть тот же столбец.

Answer 1

Использование grid.styleColumn(columnId, css):

var grid = new Grid({ 
    store: store, 
    columns: [ 
     { id: "artist", label: "Artist", field: "Artist"}, 
     { id: "name", label: "Song", field: "Name"}, 
     { id: "gerne", label: "Genre", field: "Genre"} 
    ] 
}, "grid-placeholder"); 

// to hide column with id="name" 
grid.styleColumn("name", "display: none;"); 

// to show it 
grid.styleColumn("name", "display: table-cell;"); 

Answer 2

Должен думаю, что это будет работать

var grid = new dojox.grid.DataGrid({ 

    store: dataStore, 
    structure: [{ 
     name: "ID", 
     field: "id", 
     width: "100px" 
    }, { 
     name: "Values", 
     field: "values", 
     width: "100px" 
    }] 
}, "myGrid"); 

grid.startup(); 

function showOrHideColumn(show, widget, index) { 
    var d = show ? "" : "none" 
    dojo.query('td[idx="'+index+'"]', widget.viewsNode).style("display", d); 
    dojo.query('th[idx="'+index+'"]', widget.viewsHeaderNode).style("display", d); 
} 

showOrHideColumn(false,grid,0); 

Answer 3

Существует dgrid расширение называется ColumnHider, который позволяет передавать в колонке со свойством «скрытой».

require([ 
 
    "dojo/_base/declare", "dgrid/OnDemandGrid", "dgrid/extensions/ColumnHider" 
 
], function(declare, OnDemandGrid, ColumnHider) { 
 
    var grid = new(declare([OnDemandGrid, ColumnHider]))({ 
 
    columns: { 
 
     col1: { 
 
     label: "Column 1", 
 
     hidden: true 
 
     }, 
 
     col2: { 
 
     label: "Column 2", 
 
     unhidable: true 
 
     }, 
 
     col3: "Column 3" 
 
    } 
 
    }, "grid"); 
 
    // ... 
 
});

Это также дает пользователю возможность скрывать свои собственные столбцы. Вы можете установить некоторые столбцы быть unhidable, как колонке 2 выше

Answer 4

Вы должны использовать toggleColumnHiddenState:

require([ 
    'dojo/_base/declare', 
    'dgrid/OnDemandGrid', 
    'dgrid/extensions/ColumnHider' 
], function (declare, OnDemandGrid, ColumnHider) { 
    var grid = new (declare([ OnDemandGrid, ColumnHider ]))({ 
     columns: { 
      'id': {label: '#'}, 
      'name': {label: 'Название'} 
     } 
    }, 'grid'); 

    grid.toggleColumnHiddenState('name', true); // hiding 
    grid.toggleColumnHiddenState('name', false); // showing 
    grid.toggleColumnHiddenState('name');  // toggling column 
});