[CLOSED] 2.x Hide Grid columns on client side

Hi,

How can I hide column on client side, when I click a button?

this code works well in EXT.NET 1.0

Code:

---

if (#{grid1}.getColumnModel().isHidden(6))
{
    #{grid1}.getColumnModel().setHidden(6, false);
}

---

but does not work in version Ext.NET 2.0. Any help?

Thanks in advance

Hi,

We are glad to see you on the Ext.NET forums!

The problem is related to the CHANGELOG items #12 and #18.

Quote:

---

12. Column .ColumnID has been renamed to .ID

Now Column is a component and registered in ComponentMgr (http://www.sencha.com/forum/showthread.php?133562)

Example

//Old <ext:Column ColumnID="company">

//New <ext:Column ID="company" runat="server">

---

Quote:

---

18. ColumnModel .SetHidden() has been removed.

Use Column .Hidden

Example

//Old this.GridPanel1.ColumnModel.SetHidden(2, true);

//New this.GridPanel1.ColumnModel.Columns[2].Hidden = true;

---

The CHANGELOG is online:
https://examples2.ext.net/#/Getting_...nts/CHANGELOG/
and in the sources.

The above CHANGELOG items means that you can the following.

1. Specify an ID for the Column, for example, "Column1" and call just:

Code:

---

App.Column1.hide();

---

2. If you need to access a Column by index, please use this code:

Code:

---

App.GridPanel1.columns[index].hide();

---

My best thoughts regarding migration from v1 to v2 are here:
http://forums.ext.net/showthread.php...ll=1#post79239

Thank you Daniil,

Please mark the issue is resolved.

I have applied the following code which is work in EXT.NET 2.x

Code:

---

if (App.grid1.columns[6].isHidden()) {
      App.grid1.columns[6].show(); 
}
else { 
    App.grid1.columns[6].hide();
}

---

Also you can use the setVisible function.
http://docs.sencha.com/ext-js/4-1/#!...hod-setVisible

Example

Code:

---

var col = App.grid1.columns[6];

col.setVisible(col.isHidden());

---

Thank you Daniil.

It is a good advice :)