how to show/ hide column in a extjs 3 grid panel

extjs extjs3
xrx215 picture xrx215 · Nov 25, 2009 · Viewed 45k times · Source

I have a grid panel i need to show / hide columns in a grid panel depending on the value of a checkbox. If the checkbox is checked i need to display column in the grid and if it is unchecked i need to hide the column in the grid.

Here is my code

var chkEnableDisplayResponsibilityForAction = '<%=Session["chkEnableDisplayResponsibilityForAction"]%>';

 var flags = Boolean.parse(chkEnableDisplayResponsibilityForAction);
 var flags1 = !Boolean.parse(chkEnableDisplayResponsibilityForAction)

 var colModel = new Ext.grid.ColumnModel([
 { header: "PricePlanID", width: 100, sortable: true, dataIndex: 'PricePlanID', hidden: flags, hideable: flags1 },
  ]);

when i refresh the page i am not able to toggle the columns depending on the value of the checkbox. But when i login and log out i am able to see the changes in the grid panel. Can anyone help me in refreshing the column values in the grid panel?

Answer

RageZ picture RageZ · Nov 25, 2009

if take a look at the ExtJS API, particulary the ColumModel there is a setHidden method, it would hide/show a column in a GridPanel. 

myGrid.getColumnModel().setHidden(0, true);

you should also hook the onchange event of your check box so you can show or hide the column

Related questions

How to auto select (show) the first value of combobox in Ext Js?

This is my combobox { xtype: 'combo', fieldLabel: LANG.LOGIN_LANG, id : 'lang', store: [ ['tr','Türkçe'], ['ru','Русский'], ['en','English'] ], mode: 'local', triggerAction: 'all', selectOnFocus:true },

Read More
How do I force the display of a decimal in an ExtJS NumberField to a certain precision?

I have a form with a NumberField that gets values of type float from JSON. If the values happen to be whole numbers, then no decimal places are shown. I would like to show 2 decimal places at all times. Is …

Read More
How do I get an extjs combo box to act like a normal, html select box?

ExtJS provides a fancy combo-box that has lots of features - type ahead, allowing for random text entry, hiding all the entries in the drop-down list that don't star with the text that has already been entered. I don't want …

Read More