[ACCEPTED]-extjs show/hide column dynamically-extjs
Accepted answer
You can use the beforerender event to hide the column. The 9 event is called before the render function 8 is called to display your grid. The event 7 function take a param which is the grid 6 itself. From this grid object you can get 5 the column model of the grid and call setHidden method 4 to hide the appropriate column. From the 3 grid object you can also get the store attached 2 to the grid for your check.
Here is how the 1 code will be:
listeners: {
'beforerender' : function(grid) {
store = grid.getStore();
if(your-condition) {
cm = grid.getColumnModel();
cm.setHidden(0,true);
}
}
}
You can check and hide when store loads:
store.load({
callback: function(){
// access raw json data and check some columns to hide or not
if(store.getProxy().getReader().rawData.myColumn.hide) {
grid.columns[1].setVisible(false);
}
if(store.getProxy().getReader().rawData.myAnotherColumn.hide) {
grid.columns[4].setVisible(false);
}
}
});
0
Source:
stackoverflow.com
More Related questions
Cookie Warning
We use cookies to improve the performance of the site. By staying on our site, you agree to the terms of use of cookies.