extjs - 搜索栏的搜索图标在煎茶中消失

Question

当导航到搜索字段的新视图搜索图标在 sencha touch 中消失时，搜索字段也缩小了一点，因为我添加了一个额外的按钮。如何防止搜索字段缩小或如何维护搜索字段图标？

    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%',
                   }
    ]});

在推送视图中，我使“homeSelect”可见，并且我的 serchfield 的放大镜图标消失了。

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
                });