Hello,

I'm using 3.3.1

I have a form with a combo box. When I'm selecting a field in my combo, a "filter_field_id" object is updated with a different field, however it doesn't display on the screen.

console log show that my filter_field_id object is really updated but the rendering is not !

I tried doLayout() without success. How can I render "filter_field_id" again ?
My form 'form_panel' includes a table layout panel 'formtab_panel' that includes the fields.


PHP Code:
var filter_field_not = new Ext.Panel({ html''
       
});     
       
var 
filter_field_chatid = new Ext.form.Field({
        
name'filters[chatid]',
        
width200
       
});
...

var 
filter_array_id = [filter_field_notfilter_field_netidfilter_field_chatidfilter_field_voipid];
var 
filter_field_id filter_array_id[0]; 
In the combo
PHP Code:
   select
        function(
combovalue) {  
          
alert(combo.getValue());
          
filter_field_id filter_array_id[combo.getValue()];          
          
console.log(filter_field_id);
          
form_panel.doLayout(); <- it doesn't update the rendering
        }
    } 
PHP Code:
var formtab_panel = new Ext.Panel({
  
layout 'table',
  
autoHeighttrue,
  
autoWidthtrue,
  
layoutConfig: {columns3},
  
defaults: {padding2},
  
items: [ 
    {
items:[filter_combo_choice]},{colspan2items:[filter_field_id]},
  ]
}); 
PHP Code:
  var form_panel = new Ext.form.FormPanel({
      frame:true,
      labelWidth: 150,
      autoHeight: true,
      autoWidth: true,

    items: [{
      xtype: 'hidden',
      name: 'old_tab_id',
      value: old_tab_id      
    }
    
    ,{
      xtype: 'fieldset',
      title: '<?php echo __('New filter'?>',
      autoHeight: true,
      autoWidth: true,
      items: [
        formtab_panel
      ]
    }
    
    ]
  });