title: How do i change my layout text dynamically?
body: <p>i'm trying to change the Text on the BUTTON dynamically which is in the panel:</p>
  
  <p>the initial text i've given is: <code>var gost = "HPCL Jan 20 Put,40 cents ..";</code></p>
  
  <pre><code>    var bottomdetail = new Ext.Panel({
      flex:1,
      padding: 1,
      layout : {
                  type: 'vbox',
                  pack: 'center',
                  align: 'stretch'
               },
      stretchX: true,
      items:[{
             xtype: 'button',
             flex: 1,
             baseCls: 'round',
             html: '&lt;table border="0" height="100%" width="100%"&gt;&lt;tr&gt;&lt;td width="100%" style="color:#fff; padding-left:5px;" valign="middle"&gt;'+ gost + '&lt;/td&gt;&lt;td valign="middle" align="right" style="padding-right:5px;"&gt;&lt;img src="resources/Images/rightarrow.png"&gt;&lt;/img&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;',
             handler: function(){window.location='DetailsPanel.html';}
             }]
  });
  </code></pre>
  
  <p>here is the piont where i use it to change the text :</p>
  
  <pre><code>    var shakepanel = new Ext.Panel({    
                                  layout : {
                                              type: 'hbox',
                                              pack: 'center',
                                              align: 'stretch'
                                           },
                                  stretchX: true,
                                  flex:1,
                                  disable: true,
                                  items: [{
                                          xtype: 'button',
                                          disable: true,
                                          layout: 'fit',
                                          ui: 'decline',
                                          text: 'SHAKE',
                                          flex:1,
                                          handler: function(){
                                              gost="ola i changed it";
                                              alert(bottomdetail.getText());
                                              }
                                       }]
                          });     
  </code></pre>
  
  <p>when i click on the button "SHAKE" the value of the "gost" is updated but how to apply the updated gost text to the bottomdetail panel which has the button in it.............</p>