搜索字段的搜索图标在sencha中消失

时间:2013-04-22 06:00:13

标签: extjs sencha-touch sencha-touch-2

当导航到新视图搜索字段的搜索图标在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的放大镜图标消失了。

1 个答案:

答案 0 :(得分:0)

a

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