Значок поиска поля поиска исчезает в sencha

Question

При переходе к новому значку поиска в поле зрения sencha исчезает значок поиска. Также поле поиска мало сокращается, так как я добавляю дополнительную кнопку. Как я могу предотвратить сокращение поля поиска или как я могу сохранить значок поля поиска?

Ext.define('Proj.view.Home', { 
    extend: 'Ext.navigation.View', 
    xtype: 'homeTabItem', 
    id: 'home', 

this.add(
      { 
       xtype: 'toolbar', 
       id: 'SeachToolbar', 
       docked: 'top', 
       items: [ 
        { 
         xtype: 'searchfield', 
         align: 'left', 
         width:200, 
         placeHolder: 'Search' 

        }, 

        { 
         id : 'searchButton_h', 
         xtype : 'button', 
         iconCls : 'search', 
         iconMask : true, 
         align : 'left', 
         scope:this, 
         handler:this.onSearchKeyUp 
        }, 

        { 

         id : 'homeSelect', 
         xtype: 'selectfield', 
         hidden:true; 
         iconMask : true, 
         align : 'right', 
         width : '20%', 
        } 
    ]}); 

На толкаемом зрения я сделать видимым и увеличитель моей serchfield в значок «» homeSelect исчезает ..

Answer 1

var PnlQuejaReclamo = Ext.create('Ext.panel.Panel', { 
        id: 'PnlQuejaReclamo', 
        title: 'Quejas Reclamos', 
        layout: 'border', 
        tbar: [{ 
          width: 200, 
          id:'Reclamo', 
          emptyText: 'Buscar...', 
          xtype: 'searchfield', 
          store: StoreQuejaReclamo, 
          params: {start: 0, limit: 100} 
         }, '->', { 
          itemId: 'create', 
          text: 'Agregar', 
          iconCls: 'agregar', 
          hrefTarget: 'quejareclamo/create', 
          handler: function(btn) { 
           btn.TipoIndicador = 3; 
           btn.Titulo = ' Queja Reclamo'; 
           new SistIntegral.FrmQR.QuejaReclamo().Window(btn); 
          } 
         }, '-', { 
          itemId: 'edit', 
          text: 'Editar', 
          iconCls: 'editar', 
          hrefTarget: 'quejareclamo/edit/', 
          handler: function(btn) { 
           btn.TipoIndicador = 3; 
           btn.Titulo = ' Queja Reclamo'; 
           new SistIntegral.FrmQR.QuejaReclamo().Window(btn); 
          } 
         }, '-', { 
          itemId: 'eliminar', 
          text: 'Eliminar', 
          iconCls: 'eliminar', 
          handler: function() { 
          }, 
          disabled: true 
         } 
        ], 
        items: [gridQuejaReclamo, PnlDetalles], 
        closable: false 
       });