title: How to show/hide an item in a component column in gridpanel in ext.net?
body: <p>I have this gridpanel:</p>
  
  <pre><code>&lt;ext:GridPanel ID="GridPanel1" runat="server" Width="300px" Height="200px" Header="false"&gt;
      &lt;Store&gt;
          &lt;ext:Store ID="Store1" runat="server"&gt;
              &lt;Model&gt;
                  &lt;ext:Model ID="Model1" runat="server"&gt;
                      &lt;Fields&gt;
                          &lt;ext:ModelField Name="Name" Type="String" /&gt;
                      &lt;/Fields&gt;
                  &lt;/ext:Model&gt;        
              &lt;/Model&gt;
          &lt;/ext:Store&gt;
      &lt;/Store&gt;
          &lt;ColumnModel&gt;
              &lt;Columns&gt;
                  &lt;ext:ComponentColumn ID="comColName" runat="server" Flex="1" Text="Name"&gt;
                      &lt;Component&gt;
                          &lt;ext:Container ID="container" runat="server" Layout="HBoxLayout"&gt;
                              &lt;Items&gt;
                                  &lt;ext:TextField ID="txt1" runat="server" Flex="1"&gt;&lt;/ext:TextField&gt;
                                  &lt;ext:Button ID="btn1" runat="server" Width="22px" Icon="Add"&gt;                                    
                                  &lt;/ext:Button&gt;
                              &lt;/Items&gt;
                          &lt;/ext:Container&gt;
                      &lt;/Component&gt;
                  &lt;/ext:ComponentColumn&gt;
              &lt;/Columns&gt;
          &lt;/ColumnModel&gt;
      &lt;/ext:GridPanel&gt;
  </code></pre>
  
  <p>And the code behind is:</p>
  
  <pre><code>protected void Page_Load(object sender, EventArgs e)
          {
              this.Store1.DataSource = new object[] { 
                  new object[] {},
                  new object[] {},
                  new object[] {},
                  new object[] {},
                  new object[] {},
                  new object[] {}
              };
  
              this.Store1.DataBind();
          }
  </code></pre>
  
  <p>The screenshot looks like:
  <img src="https://i.stack.imgur.com/8JImX.jpg" alt="enter image description here"></p>
  
  <p>What i want to do is display only the textfields at start, then display the add button at right when a textfield is clicked. All other buttons should be hidden at that time.
  How can I do this?I want to achieve this using client side scripting. Please help. Hiding another column while editing a column cell might work as well. Thank you.</p>